نمودار راداری

نصب

1. با CLI

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

   $ npx vibefarsi add radar-chart

2. نصب دستی

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

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

استفاده

1import { RadarChart } from "@/components/charts/radar-chart"23<RadarChart4  title="مقایسه‌ی دو گوشی"5  axis="spec"6  data={[7    { spec: "دوربین", a: 9, b: 7 },8    { spec: "باتری", a: 7, b: 9 },9    { spec: "صفحه", a: 8, b: 8 },10    { spec: "قیمت", a: 5, b: 8 },11    { spec: "سرعت", a: 9, b: 6 },12  ]}13  series={[{ key: "a", label: "مدل الف" }, { key: "b", label: "مدل ب" }]}14  max={10}15/>

پراپ‌ها

نکته‌ها

• دست‌کم سه محور لازمه. محور اول بالا و بقیه ساعتگرد چیده میشن، پس محور دوم سمت راست قرار می‌گیره که با جهت خواندن فارسی جوره.