LivaCircularGauge

DevExtreme'in CircularGauge bileşenini saran ince bir katman. Tek bir değeri dairesel bir ölçek üzerinde gösterir; hız, doluluk, gerçekleşme oranı gibi göstergeler için kullanılır.

Sık kullanılan alt bileşenler Gauge ön ekiyle doğrudan @dataliva/livalib'den dışa aktarılmıştır.

import {
  LivaCircularGauge,
  GaugeScale,
  GaugeRangeContainer,
  GaugeRange,
  GaugeValueIndicator,
  GaugeTitle,
  GaugeTooltip,
} from "@dataliva/livalib";

Hız göstergesi

GaugeScale ölçeği tanımlar; GaugeRangeContainer içindeki her GaugeRange ölçeğin bir bölümünü renklendirir. Aralıklar konumla birlikte açıktan koyuya sıralanan renkler taşıdığı için durum yalnızca renge bağlı kalmaz.

RangeBar göstergesi

GaugeValueIndicator ibrenin biçimini belirler; type="rangeBar" değeri iğne yerine ölçek boyunca dolan bir yay ile gösterir.

GaugeValueIndicator tipleri: 'rectangleNeedle' \| 'triangleNeedle' \| 'twoColorNeedle' \| 'rangeBar' \| 'triangleMarker' \| 'textCloud'. Geri kalan tüm prop'lar DevExtreme CircularGauge'dan miras alınır.