Pasta grafik

Yaklaşık 5 dk okuma

TwPieChart · Kategori: Trend Grafikleri

Ayarlar

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

Pasta

Ayar	Tip	Varsayılan	Açıklama
Seriler seriesConfigJson	Seri yapılandırması	[ { "id": "pie-series-1", "name": "Series 1", "tagName": "", "logInfoId": 0, "logIntervalMs": null, "unit": "", "color": "", "enabled": true } ]	Grafikte gösterilecek serileri tanımlarsınız. Her seri için tag, log değişkeni, eksen ve görünüm ayarları yapılır.
Dilim Modu pieSliceMode	Seçim	series	Seriye Göre Toplam her seri için aralıktaki değerlerin toplamından bir dilim oluşturur; Zaman Kovasına Göre her zaman kovası için tüm serilerin toplamından bir dilim oluşturur. Seçenekler: series Seriye Göre Toplam, timeBucket Zaman Kovasına Göre
Geçmiş Aralık Dakika timeRangeMinutes	Sayı	60	Göreli aralık modunda kayan zaman aralığının dakika cinsinden uzunluğu (varsayılan 60). Takvim aralık modunda kullanılmaz.
Aralık Modu rangeMode	Seçim	relative	Göreli, şimdiye kadarki son Geçmiş Aralık Dakika süresini yükler (kayan pencere, varsayılan). Takvim, tarayıcı saat diliminde bir takvim dönemini yükler (Takvim Dönemi, Takvim Kaydırma), ör. 1 Ocak'tan itibaren bu yıl; geçerli dönem şimdi biter ve yenilemede ve canlı modda yeni aya veya yıla kendiliğinden geçer. Araç çubuğundaki takvim menüsü aralığı çalışma anında kaydetmeden değiştirir. Seçenekler: relative Göreli, calendar Takvim
Maksimum Nokta Sayısı maxPoints	Sayı	50	Otomatik örnekleme süresini belirler: zaman aralığı yaklaşık bu kadar örneğe bölünür (en az 2, varsayılan 50).
Canlı Yenileme Aralığı ms refreshIntervalMs	Sayı	0	Verileri bu aralıkla (ms) yeniden yükler, en az 1000; 0 otomatik yenilemeyi kapatır.
Render Tipi renderType	Seçim	canvas	Canvas çok sayıda noktada daha hızlıdır; SVG yakınlaştırmada ve yazdırmada keskin kalır. Seçenekler: canvas, svg
Başlık Konumu titlePosition	Seçim	top	Widget başlığını grafiğin üstüne veya altına yerleştirir. Seçenekler: top Üst, bottom Alt
Başlık Boşluğu (px) titleGap	Sayı	8	Başlık ile grafik arasındaki boşluk (px), en fazla 80.
Saat Kısayolları rangePresetsJson	Çok satırlı metin	[ { "label": "1h", "minutes": 60, "enabled": true }, { "label": "6h", "minutes": 360, "enabled": true }, { "label": "24h", "minutes": 1440, "enabled": true } ]	Araç çubuğundaki hızlı aralık butonları; JSON listesinde her öğe label, minutes ve enabled alanlarını içerir. Boş bırakılırsa 1h, 6h ve 24h kullanılır.
Veri Kaynağı dataSourceMode	Seçim	historySample	Geçmiş Örnekleme örneklenmiş geçmiş değerleri gösterir; Tüketim Fark Toplam sayaç tag'lerinin zaman kovası başına tüketimini (farkını) gösterir. Seçenekler: historySample Geçmiş Örnekleme, consumptionDiffSum Tüketim Fark Toplam
Zaman Kovası pieTimeBucketUnit	Seçim	auto	Zaman Kovasına Göre modunda kova uzunluğu; Tüketim Fark Toplam modunda örnekleme süresini de belirler. Otomatik, aralığa göre saatten yıla kadar seçer. Seçenekler: hour Saatlik, day Günlük, week Haftalık, month Aylık, quarter Çeyreklik, year Yıllık, auto Otomatik
Takvim Dönemi calendarPeriod	Seçim	year	Takvim aralık modunda dönem: gün, hafta (pazartesiden), ay, çeyrek veya yıl (varsayılan yıl). Seçenekler: day Gün, week Hafta, month Ay, quarter Çeyrek, year Yıl
Gezinme Adımı Dakika historyStepMinutes	Sayı	60	Araç çubuğundaki geri/ileri butonlarının zaman aralığını kaydırdığı süre, dakika (varsayılan 60). Takvim aralık modunda bir takvim dönemi kaydırır.
Örnekleme Süresi (sn, 0=Otomatik) sampleBySeconds	Sayı	0	Bir örnekleme aralığının saniye cinsinden süresi. 0 ise zaman aralığından ve en fazla nokta sayısından (veya zaman kovasından) otomatik hesaplanır.
Başlık Hizası titleAlign	Seçim	center	Başlığın yatay hizası. Seçenekler: left Sola dayalı, center Merkez, right Sağa dayalı
Örnekleme Değer Tipi sampleValueType	Seçim	2	Her örnekleme aralığındaki değerlerin nasıl birleştirileceği: minimum, maksimum, ortalama, toplam veya adet. Seçenekler: 0 Minimum, 1 Maksimum, 2 Ortalama, 3 Toplam, 4 Adet
Takvim Kaydırma calendarOffset	Sayı	0	Takvim aralık modunda hangi dönem: 0 geçerli dönem, -1 bir önceki (ör. geçen ay veya geçen yıl), -2 ondan önceki; pozitif değerler 0 sayılır.

Görünüm

Ayar	Tip	Varsayılan	Açıklama
Legend Göster showLegend	Onay kutusu	Açık	Dilim adlarını içeren lejantı gösterir.
Araç Çubuğu Göster showToolbar	Onay kutusu	Açık	Aralık kısayolları, gezinme ve yenileme butonlarını içeren araç çubuğunu gösterir.
Etiketleri Göster showLabels	Onay kutusu	Açık	Dilimlerin yanına ad ve yüzde payını yazar.
İpucunu Göster showTooltip	Onay kutusu	Açık	İmleç bir dilimin üzerinde durduğunda dilimin adını ve değerini gösterir.
Ayarlar Butonu Göster showSettingsButton	Onay kutusu	Açık	Araç çubuğunda ayarlar butonunu gösterir; kullanıcılar grafik ayarlarını çalışma anında değiştirebilir, değişiklikler sayfaya kaydedilmez.
İç Yarıçap (%) innerRadiusPercent	Sayı	0	Ortadaki boşluğun boyutu, %0–85; 0 tam pasta, büyük değerler halka (donut) grafik çizer.

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, seriesConfigJson, maxPoints, timeRangeMinutes, rangeMode, calendarPeriod, calendarOffset, historyStepMinutes, dataSourceMode, pieSliceMode, pieTimeBucketUnit, sampleValueType, sampleBySeconds, rangePresetsJson, refreshIntervalMs, showLegend, showTooltip, showLabels, showToolbar, showSettingsButton, innerRadiusPercent, titlePosition, titleAlign, titleGap, renderType

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.