Gösterge

Yaklaşık 5 dk okuma

TwGauge · Kategori: Diğer

Ayarlar

Bu ayarlar widget seçiliyken sağ özellikler panelinde yer alır. Varsayılan değer, widget sayfaya ilk eklendiğindeki değerdir.

Değer

Ayar	Tip	Varsayılan	Açıklama
Proses Değeri processValue	Değer (tip seçmeli)	49.9	Widget'ın ana değeri; genellikle Bindings üzerinden bir Tag'e veya expression'a bağlanır.
Değer Şablonu valueTemplate	Metin	{value}%	Göstergenin ortasındaki metin; {'{'}value{'}'} yerine güncel değer yazılır (varsayılan "{'{'}value{'}'}%").
Değer Rengi valueColor	Renk	#300	Ortadaki değer metninin rengi.
Değer Etiketi Sınıfı valueLabelClass	CSS sınıfları	font-bold text-lg	Ortadaki değer metnine uygulanan CSS sınıfları (ör. yazı boyutu veya kalınlığı).
Etiket Şablonu labelTemplate	Metin	{value}%	Ölçek etiketlerinin metni; {'{'}value{'}'} yerine çentiğin değeri yazılır.
Salt Okunur readOnly	Onay kutusu	—	Açıkken kullanıcı çalışma zamanında değeri değiştiremez.
Veri Kapsamı Göstergesi coverageIndicator	Seçim	gap	Yalnız __cons tüketim snapshot bağlamalarında çalışır. Yalnız veri boşlukları: dönemde veri boşluğu varsa uyarı simgesi gösterir. Boşluklar ve kısmi dönemler: henüz bitmemiş dönemler (bugün, bu ay) için saat simgesini de gösterir. Kapalı: simge gösterilmez. Seçenekler: gap Yalnız veri boşlukları, all Boşluklar ve kısmi dönemler, none Kapalı

Skala

Ayar	Tip	Varsayılan	Açıklama
Skala Başlangıç Değeri scaleStartValue	Sayı	0	Ölçeğin en düşük değeri. Üç renk aralığı başlangıç ile bitiş arasında hesaplanır.
Başlangıç Açısı startAngle	Sayı	220	Ölçeğin başladığı açı (derece); 0 sağı gösterir, pozitif değerler saat yönünün tersine döner (varsayılan 220).
Skala Bitiş Değeri scaleEndValue	Sayı	100	Ölçeğin en yüksek değeri.
Bitiş Açısı endAngle	Sayı	-40	Ölçeğin bittiği açı (derece, varsayılan -40). Başlangıç açısıyla birlikte yayın uzunluğunu belirler.
Çentik Rengi tickColor	Renk	#f2f2f2	Ana çentiklerin rengi.
Çentik Aralığı tickInterval	Sayı	10	Ana çentikler arasındaki mesafe (ölçek birimi); her ana çentiğe bir etiket yazılır.
Ara Çentikleri Göster minorTickVisible	Onay kutusu	Açık	Ana çentiklerin arasındaki küçük çentikleri gösterir.
Ara Çentik Rengi minorTickColor	Renk	#d9d9d9	Küçük çentiklerin rengi.
Ara Çentik Aralığı minorTickInterval	Sayı	2	Küçük çentikler arasındaki mesafe (ölçek birimi).
Skala Etiketlerini Göster scaleLabelVisible	Onay kutusu	Açık	Ana çentiklerdeki sayıları gösterir.
Skala Etiketinin Çentiğe Uzaklığı scaleLabelIndentFromTick	Sayı	3	Etiketlerin çentiklere piksel cinsinden uzaklığı; negatif değerler etiketleri ölçeğin diğer tarafına taşır.
Skala Etiketi Yazı Boyutu scaleLabelFontSize	Sayı	12	Ölçek etiketlerinin piksel cinsinden yazı boyutu.
Skala Etiketi Yazı Rengi scaleLabelFontColor	Renk	#555	Ölçek etiketlerinin rengi.
Skala Etiketi Yazı Kalınlığı scaleLabelFontWeight	Sayı	400	Ölçek etiketlerinin yazı kalınlığı, 100 (ince) ile 900 (kalın) arası.

Gösterge İbresi

Ayar	Tip	Varsayılan	Açıklama
Değer Göstergesi Tipi valueIndicatorType	Seçim	triangleNeedle	Değer göstergesinin şekli. İbre tipleri (rectangleNeedle, triangleNeedle, twoColorNeedle) dairesel göstergeye uygundur. Seçenekler: circle Daire, rangeBar Aralık Çubuğu, rectangle Dikdörtgen, rectangleNeedle Dikdörtgen İbre, rhombus Eşkenar Dörtgen, textCloud Metin Balonu, triangleMarker Üçgen İşaretçi, triangleNeedle Üçgen İbre, twoColorNeedle İki Renkli İbre
Değer Göstergesi Rengi valueIndicatorColor	Renk	#8FBC8F	Değer göstergesinin ana rengi.
Değer Göstergesi Genişliği valueIndicatorWidth	Sayı	8	Değer göstergesinin piksel cinsinden genişliği.
Değer Göstergesi Uzunluğu valueIndicatorLength	Sayı	60	Değer göstergesinin piksel cinsinden uzunluğu; her gösterge tipi bu değeri kullanmaz.
Değer Göstergesi Kaydırması valueIndicatorOffset	Sayı	0	Değer göstergesinin ölçek çizgisine piksel cinsinden uzaklığı.
İbre Göbeği Boyutu valueIndicatorSpindleSize	Sayı	14	İbre tabanındaki dairenin piksel cinsinden çapı; yalnızca ibre tiplerinde kullanılır.
İbre Göbeği Boşluk Boyutu valueIndicatorSpindleGapSize	Sayı	6	İbre tabanındaki boşluğun piksel cinsinden çapı; İbre Göbeği Boyutu değerinden küçük olmalıdır.
Değer Göstergesi İkinci Rengi valueIndicatorSecondColor	Renk	#cccccc	İbre ucunun rengi; yalnızca twoColorNeedle tipinde kullanılır.
Değer Göstergesi İkinci Renk Oranı valueIndicatorSecondFraction	Sayı	0.3	İbrenin ikinci renkle çizilen oranı, 0–1 (varsayılan 0,3); yalnızca twoColorNeedle tipinde.

Aralıklar ve Limitler

Ayar	Tip	Varsayılan	Açıklama
En Küçük Değer minValue	Sayı	0	Ölçek üzerinde küçük bir limit işaretçisinin konumu; 0 işaretçiyi gizler.
En Büyük Değer maxValue	Sayı	0	Ölçek üzerinde ikinci limit işaretçisinin konumu; 0 işaretçiyi gizler.
Aralık Bandı Kaydırması rangeContainerOffset	Sayı	10	Renkli aralık bandının ölçeğe piksel cinsinden uzaklığı.
Aralık Bandı Genişliği rangeContainerWidth	Sayı	8	Renkli aralık bandının piksel cinsinden kalınlığı.
1. Aralık Rengi range1Color	Renk	#92000A	Ölçeğin ilk %30'unu kaplayan birinci aralığın rengi.
2. Aralık Rengi range2Color	Renk	#E6E200	Ölçeğin sonraki %40'ını kaplayan orta aralığın rengi.
3. Aralık Rengi range3Color	Renk	#77DD77	Ölçeğin kalan %30'unu kaplayan son aralığın rengi.

Davranış

Ayar	Tip	Varsayılan	Açıklama
Boyut Değişince Yeniden Çiz redrawOnResize	Onay kutusu	Açık	Widget boyutu değiştiğinde göstergeyi yeniden çizer.
Araç İpucunu Göster tooltipEnabled	Onay kutusu	Kapalı	İmleç göstergenin üzerinde durduğunda değeri ipucu olarak gösterir.
Animasyonu Etkinleştir animationEnabled	Onay kutusu	Kapalı	Gösterge yeni değere sıçramak yerine yumuşak hareketle gider.
Animasyon Süresi animationDuration	Sayı	500	Gösterge animasyonunun milisaniye cinsinden süresi (varsayılan 500); yalnızca animasyon açıkken kullanılır.

Diğer ayarlar

Ayar	Tip	Varsayılan	Açıklama
Enable Flashing enableFlashing	Onay kutusu	Kapalı	Bileşeni yanıp söndürür (saniyede bir saydamlık darbesi). Genellikle bir alarm koşuluna bağlanır.
Log Button logButton	Onay kutusu	Kapalı	Çalışma zamanında bileşenin üzerine gelince bir grafik ikonu gösterir; tıklanınca bileşene bağlı Tag'ler log Tag listesine eklenir.

Bağlantılar

Özellikler panelinin İlişkiler (Binding) bölümünde, Direct bağlantıda bir Tag bu widget'ın aşağıdaki özelliklerine bağlanabilir. Bağlantı tipleri (Direct, IntRange, FloatRange, Boolean, Bit) tüm widget'larda aynıdır; açıklamaları Widget Referansı sayfasındadır.

title, visible, authorization, x, y, width, height, rotation, class, foregroundColor, backgroundColor, borderColor, borderStyle, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, enableFlashing, logButton, coverageIndicator, processValue, valueColor, valueTemplate, valueLabelClass, valueIndicatorColor, valueIndicatorType, valueIndicatorWidth, valueIndicatorLength, valueIndicatorOffset, valueIndicatorSpindleSize, valueIndicatorSpindleGapSize, valueIndicatorSecondColor, valueIndicatorSecondFraction, labelTemplate, readOnly, tickColor, tickInterval, minorTickColor, minorTickInterval, minorTickVisible, scaleLabelIndentFromTick, scaleLabelFontSize, scaleLabelFontColor, scaleLabelFontWeight, scaleLabelVisible, rangeContainerOffset, rangeContainerWidth, range1Color, range2Color, range3Color, scaleStartValue, scaleEndValue, minValue, maxValue, startAngle, endAngle, animationEnabled, animationDuration, tooltipEnabled, redrawOnResize

Ayrıca widget'ın stil alanları style.<alan> biçiminde bağlanabilir (ör. style.width, style.height).

Ortak bölümler

Bu widget seçiliyken özellikler panelinde şu ortak bölümler de görünür: Genel, Yerleşim, Görünüm, İlişkiler (Binding). Bu bölümler Sayfa Editörü sayfasında anlatılır.