Line Chart

FREE

Yumuşak ya da düz çizgiler; üzerine gelince tooltip, noktalar ve açılıp kapanan seriler.

Kurulum

Terminal

npx @bloxa/cli add line-chart
# or: npx shadcn@latest add @bloxa/line-chart

Otomatik kurulan paketler: motion

Üzerine gel: değerler tooltip'te. Lejanttan seri gizle/göster.

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

Özellik	Tip	Varsayılan	Açıklama
dashed	string[]	[]	Kesikli, dolgusuz çizilecek seriler (ortalama, hedef).
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.
curve	"smooth" \| "linear"	"smooth"	Eğri.
showDots	boolean	false	Noktalar.