نمودار ناحیه‌ای

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add area-chart

2. نصب دستی

   محتوای تب «کد» را در components/charts/area-chart.tsx بگذارید. پیش‌نیاز: chart-core.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { AreaChart } from "@/components/charts/area-chart"23<AreaChart4  title="کاربران فعال بر اساس دستگاه"5  data={days}6  x="date"7  stack="stacked"8  series={[9    { key: "mobile", label: "موبایل" },10    { key: "desktop", label: "دسکتاپ" },11    { key: "tablet", label: "تبلت" },12  ]}13/>

پراپ‌ها

نکته‌ها

• در حالت انباشته مقدار خالی صفر حساب میشه تا لایه‌ها از هم جدا نشن.