Files
nanocode/RetroUI/preview/charts/bar-chart-style-multiple.tsx
T
Ubuntu 32b43f85bd a
2026-07-03 16:58:28 +08:00

15 lines
656 B
TypeScript

import { BarChart } from "@/components/retroui/charts/BarChart";
const data = [{ name: 'Jan', orders: 12, cancel: 9 }, { name: 'Feb', orders: 32, cancel: 19 }, { name: 'Mar', orders: 19, cancel: 8 }, { name: 'Apr', orders: 35, cancel: 14 }, { name: 'May', orders: 40, cancel: 12 }, { name: 'Jun', orders: 25, cancel: 5 }];
export default function BarChartStyleMultiple() {
return (
<BarChart
data={data}
index="name"
categories={["orders", "cancel"]}
strokeColors={["var(--foreground)", "var(--destructive)"]}
fillColors={["var(--primary)", "var(--destructive)"]}
/>
)
}