LivaSparkline
DevExtreme'in Sparkline bileşenini saran ince bir katman. Eksen ve lejant olmadan, tablo hücresi veya metin satırı içine sığan mini grafikler çizer. Fareyle üzerine gelindiğinde ipucu (tooltip) varsayılan olarak açıktır.
import { LivaSparkline } from "@dataliva/livalib";
Tipler
type prop'u grafik biçimini belirler. showMinMax en düşük ve en yüksek
noktaları vurgular, showFirstLast ilk ve son noktayı işaretler.
Tipler — line, bar, area
Önizleme yükleniyor…
Tablo içinde kullanım
Sparkline'ın asıl kullanım yeri tablo hücreleridir: her satırın kendi veri
dizisi ayrı bir dataSource olarak verilir.
Tablo içinde mini grafikler
Önizleme yükleniyor…
| Prop | Tip | Açıklama |
|---|---|---|
dataSource | object[] | Mini grafiğin veri kaynağı |
argumentField | string | Argüman alanı, varsayılan 'arg' |
valueField | string | Değer alanı, varsayılan 'val' |
type | 'line' | 'spline' | 'stepline' | 'area' | 'splinearea' | 'steparea' | 'bar' | 'winloss' | Grafik biçimi |
showMinMax | boolean | Min/maks noktaları vurgular |
showFirstLast | boolean | İlk/son noktayı vurgular |
height / width | number | string | Grafik boyutları |
className | string | livalib'e özgü ek prop |
style | React.CSSProperties | livalib'e özgü ek prop |
Geri kalan tüm prop'lar DevExtreme Sparkline'dan miras alınır.