LivaLinearGauge
DevExtreme'in LinearGauge bileşenini saran ince bir katman. Tek bir değeri yatay veya dikey bir ölçek üzerinde gösterir; sıcaklık, doluluk, seviye göstergeleri için uygundur.
Dikkat: doğrusal göstergenin Scale, Range gibi alt bileşenleri dairesel
göstergeninkilerden farklı tiplere sahiptir ve doğrudan
devextreme-react/linear-gauge paketinden içe aktarılır.
import { LivaLinearGauge } from "@dataliva/livalib";
import {
Geometry,
Range,
RangeContainer,
Scale,
} from "devextreme-react/linear-gauge";
Yatay gösterge
Varsayılan yön yataydır. RangeContainer içindeki Range tanımları ölçeği
bölgelere ayırır; renkler konumla birlikte okunur.
Dikey gösterge ve alt değerler
Geometry üzerindeki orientation="vertical" göstergeyi dikey çizer.
subvalues dizisindeki her değer ölçek üzerinde ek bir işaretçi (örneğin
hedef çizgisi) olarak görünür.
| Prop | Tip | Açıklama |
|---|---|---|
value | number | Gösterilen ana değer |
subvalues | number[] | Ek işaretçi değerleri (ör. hedef) |
height / width | number | string | Gösterge boyutları |
className | string | livalib'e özgü ek prop |
style | React.CSSProperties | livalib'e özgü ek prop |
Geometry yönü: 'horizontal' \| 'vertical'. Geri kalan tüm prop'lar
DevExtreme LinearGauge'dan miras alınır.