15 lines
656 B
TypeScript
15 lines
656 B
TypeScript
import { AreaChart } from "@/components/retroui/charts/AreaChart";
|
|
|
|
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 ChartStyleMultiple() {
|
|
return (
|
|
<AreaChart
|
|
data={data}
|
|
index="name"
|
|
categories={["orders", "cancel"]}
|
|
strokeColors={["var(--foreground)", "var(--destructive)"]}
|
|
fillColors={["var(--primary)", "var(--destructive)"]}
|
|
/>
|
|
)
|
|
} |