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

15 lines
603 B
TypeScript

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