Ana içeriğe geç

Area Series

Area Series, Line Series'e benzer şekilde çalışır; fark olarak çizginin altındaki alan renkli dolguyla gösterilir. Bu sayede hem eğilim hem de büyüklük algısı aynı anda aktarılır.

Ön Koşul

Bu chart tipi yalnızca Cartography Widget Sihirbazı'nın 2. adımında seçilebilir. Widget oluşturmaya henüz başlamadıysanız önce sihirbazı başlatın; uygun bir Compass sorgusu da gereklidir.

Cartography — Widget Oluşturma


Chart preview


Kullanım Senaryoları

Senaryo Veri Tipi Neden Bu Chart
Tank dolum seviyesi Zaman serisi, % veya m³ Dolgu alanı hacim algısını güçlendirir
Kümülatif üretim miktarı Zaman serisi, adet Birikim görsel olarak belirginleşir
Enerji birikimi (kWh) Zaman serisi, kWh Günlük/haftalık birikim trendi
Hava debisi Zaman serisi, m³/h Akış büyüklüğünü görsel vurguyla sunma
Atık su miktarı Zaman serisi, L/dk Deşarj pik'lerini izleme

Veri Gereksinimleri

Kolon Tip Açıklama Zorunlu
X ekseni datetime veya string Zaman damgası ya da kategori etiketi Evet
Y ekseni numeric Ölçüm değeri Evet

Negatif değerler

Y ekseni sıfırın altına iniyorsa dolgu alanı iki yönde de oluşur. Bu durum genellikle istenen bir görünüm değildir; negatif değer beklenen metrikler için Line Series tercih edin.


Özel Yapılandırma

Ayar Değerler Açıklama
Dolgu opaklığı 0.0–1.0 Renkli alanın şeffaflığı; 0.3–0.5 çoğu temada iyi görünür
Gradyan dolgu Açık / Kapalı Açıkken renk üstten alta doğru solar
Marker görünürlüğü Açık / Kapalı Line ile aynı marker ayarları geçerlidir
Çizgi kalınlığı 1–6 px Alan sınırı çizgisi kalınlığı

İpuçları

Üst üste gelen birden fazla seri

İki veya daha fazla Area serisi eklendiğinde önce eklenen serinin alanı, sonrakinin altında kalır ve gizlenebilir. Bu durumda Stacked Area tipini kullanın; her serinin alanı ayrı görünür.

Opaklığı düşük tutun

Tek bir seri bile olsa opaklık değerini 0.4'ün altında tutmak, veri etiketi ve grid çizgilerini okumayı kolaylaştırır.

Çok sayıda seri

3'ten fazla Area serisi görsel karmaşa yaratır. Bu senaryoda Stacked Area veya Line Series tercih edin.


9-Adım Özeti — Area Series İçin

Area Series Standart Cartesian akışını kullanır.

# Adım Area için anahtar nokta Detay
1 Grup Seçimi Cartesian
2 Chart Tipi Area Series kartı
3 Compass Kaydı SQL/REST/MQTT/Excel — sıralı X kolonu
4 Axis Config X: DateTime/Numeric, Y: Numeric
5 Seri Tasarımı Fill Opacity, Marker, Stroke Width
6 Seri Ekleme İkincil Y eksenli çoklu seri
7 Genel Tasarım Tooltip, Y Axis Suffix
8 Kart Tasarımı Refresh: 30-60s (SQL), 0 (MQTT)
9 Görüntüleme Name, Tags, Klasör

Standart Cartesian Akışı genel bakış


Sonraki Adım

Tüm Cartesian chart tiplerine geri dön