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

14 lines
594 B
TypeScript

import { LineChart } from "@/components/retroui/charts/LineChart";
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 LineChartStyleMultiple() {
return (
<LineChart
data={data}
index="name"
categories={["orders", "cancel"]}
strokeColors={["var(--foreground)", "var(--destructive)"]}
/>
)
}