Area Chart
FREEGeçişli, düz ya da dolgusuz alan; yığılabilir.
Kurulum
Terminal
npx @bloxa/cli add area-chart
# or: npx shadcn@latest add @bloxa/area-chartOtomatik kurulan paketler: motion
Örnekler
Yığılmış alan
Tek seri, geçişli
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
AreaChart
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| data | object[] | — | Satırlar. |
| index | string | — | X ekseni etiket anahtarı. |
| categories | string[] | — | Çizilecek sayısal seri anahtarları. |
| labels | Record<string, string> | — | Seri görünen adları. |
| colors | string[] | — | Seri renkleri; ilki tema vurgusu. |
| valueFormatter | (value) => string | — | Değer biçimi; varsayılan yerelleştirilmiş sayı. |
| height | number | 260 | Yükseklik (px); genişlik kapsayıcıya uyar. |
| showLegend / showGrid / showXAxis / showYAxis / showTooltip | boolean | true | Parçaları aç/kapat. |
| stacked | boolean | false | Yığ. |
| fill | "gradient" | "solid" | "none" | "gradient" | Dolgu. |
| curve | "smooth" | "linear" | "smooth" | Eğri. |