Bar Chart

1<BarChartCard
2  title="Monthly Performance"
3  code="0x01"
4  icon={<BarChart3 className="h-4 w-4 text-primary" />}
5  data={data}
6  xAxisKey="category"
7  series={[{ dataKey: "value", name: "Value" }]}
8/>

1<BarChart
2  data={data}
3  xAxisKey="category"
4  series={[{ dataKey: "value", name: "Value" }]}
5  horizontal={true}
6/>

1<StackedBarChart
2  data={data}
3  xAxisKey="month"
4  stackKeys={["desktop", "mobile", "tablet"]}
5  stackLabels={["Desktop", "Mobile", "Tablet"]}
6/>

1<BarChart
2  data={data}
3  xAxisKey="category"
4  series={[{ dataKey: "value" }]}
5  colorByIndex={true}
6/>