LivaBullet
DevExtreme'in Bullet bileşenini saran ince bir katman. Tek bir değeri hedef çizgisiyle birlikte kompakt bir çubukta gösterir; tablo satırlarında KPI karşılaştırması için tasarlanmıştır. Fareyle üzerine gelindiğinde değer ve hedefi gösteren ipucu varsayılan olarak açıktır.
import { LivaBullet } from "@dataliva/livalib";
Temel kullanım
value çubuğun uzunluğunu, target dikey hedef çizgisinin konumunu belirler.
Ölçek startScaleValue ve endScaleValue ile sabitlenir; satırlar arası
karşılaştırma için tüm satırlarda aynı ölçek kullanılmalıdır.
Hedef vs gerçekleşen
Önizleme yükleniyor…
Tablo içinde kullanım
Her satır kendi value / target çiftini alır; ortak ölçek sayesinde
çubuk uzunlukları satırlar arasında doğrudan karşılaştırılabilir.
Tablo satırlarında mini göstergeler
Önizleme yükleniyor…
| Prop | Tip | Açıklama |
|---|---|---|
value | number | Gerçekleşen değer |
target | number | Hedef çizgisinin değeri |
startScaleValue | number | Ölçek başlangıcı, varsayılan 0 |
endScaleValue | number | Ölçek sonu |
showTarget | boolean | Hedef çizgisini gösterir, varsayılan true |
showZeroLevel | boolean | Sıfır çizgisini gösterir, varsayılan true |
color | string | Çubuk rengi |
targetColor | string | Hedef çizgisi rengi |
height / width | number | string | Gösterge boyutları |
className | string | livalib'e özgü ek prop |
style | React.CSSProperties | livalib'e özgü ek prop |
Geri kalan tüm prop'lar DevExtreme Bullet'tan miras alınır.