التثبيت
npx sdaia-ui@latest add chart
الاستخدام
import { Chart } from "@/components/ui/chart"<Chart type="12-months" series={1} />الاتجاه من اليمين إلى اليسار
فعّل وضع RTL لدعم لغات من اليمين إلى اليسار كالعربية.
Loading demo: chart-rtl
أمثلة
3 أيام
مخطط يعرض البيانات على مدى 3 أيام.
Loading demo: chart-3-days
5 أيام عمل
مخطط يعرض بيانات أسبوع عمل قياسي من 5 أيام.
Loading demo: chart-5-work-days
7 أيام في الأسبوع
مخطط يغطي عرض أسبوع كامل من 7 أيام.
Loading demo: chart-7-week-days
سلاسل متعددة
مخطط مع سلاسل بيانات متعددة مرسومة في آنٍ واحد.
Loading demo: chart-multiple-series