Bar Chart

FREE

Büyüyerek gelen gruplu ya da yığılmış çubuklar; üzerine gelinen sütun vurgulanır.

Kurulum

Terminal

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

Otomatik kurulan paketler: motion

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

Ö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ığ.