LivaFunnel
DevExtreme'in Funnel bileşenini saran ince bir katman. Aşamalı süreçlerdeki
kayıpları (satış hunisi, dönüşüm adımları) görselleştirir. Veriler varsayılan
olarak değere göre azalan sırada dizilir; inverted ile piramit görünümü
elde edilir.
Alt bileşenler doğrudan devextreme-react/funnel paketinden içe aktarılır.
import { LivaFunnel } from "@dataliva/livalib";
import { Label, Tooltip } from "devextreme-react/funnel";
Satış hunisi
argumentField aşama adını, valueField aşamadaki değeri belirler.
Label alt bileşeni her dilimin etiketini gösterir.
Satış hunisi
Önizleme yükleniyor…
Piramit görünümü
inverted huniyi ters çevirir, algorithm="dynamicHeight" dilim yüksekliğini
değerle orantılı çizer; ikisi birlikte klasik piramit görünümünü verir.
Piramit — organizasyon katmanları
Önizleme yükleniyor…
| Prop | Tip | Açıklama |
|---|---|---|
dataSource | object[] | Huninin veri kaynağı |
argumentField | string | Aşama adını taşıyan alan |
valueField | string | Aşama değerini taşıyan alan |
inverted | boolean | Huniyi ters çevirir, varsayılan false |
algorithm | 'dynamicSlope' | 'dynamicHeight' | Dilim çizim algoritması |
palette | string | string[] | Dilim renk paleti |
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 Funnel'dan miras alınır.