Chart ve Datatable

Chart ve Datatable, bir SVG nesnesinin yerine tam bir bileşen yerleştiren iki animation tipidir. İkisi de bir rect üzerine bağlanır ve o dikdörtgenin kapladığı alana yerleşir.

Chart

Zaman serisi grafiği. Değişkenleri seri olarak ekler, canlı veya geçmiş veriyi gösterir.

Kod yazmanız gerekmez

Grafik bir form ile yapılandırılır. Doldurduğunuz ayarlar elemanın props alanında saklanır ve çalışacak ifade bunlardan üretilir — ifadeyi elle yazmazsınız. Bu yüzden bir seriyi değiştirmek için grafik kodunu düzenlemek gerekmez, formdaki alanı değiştirmek yeterlidir.

Seri ayarları

Her seri bir değişkene karşılık gelir.

Alan	Açıklama
Label	Gösterimde kullanılacak ad
Axis	Hangi Y eksenine çizileceği — grafik iki Y ekseni destekler
Alarm (optional)	Seriye bağlanacak alarm; seviyeleri grafiğe çizgi olarak düşer
Line width	Çizgi kalınlığı
Fill	Çizgi altının doldurulup doldurulmayacağı (alan grafiği)
Min / Max	Serinin ölçek sınırları
Line style	Çizgi biçimi
Smoothing	Çizginin yumuşatılması
Points (radius)	Nokta işaretlerinin büyüklüğü
Fill opacity	Dolgunun saydamlığı
Unit	Birim

Yeni bir seri eklendiğinde rengi sekiz renklik bir paletten sırayla atanır, yani elle renk seçmeden de seriler birbirinden ayırt edilebilir kalır.

Grafik ayarları

Alan	Açıklama
Title	Grafik başlığı
Theme	Açık / koyu
Value decimals	Değerlerde gösterilecek ondalık basamak
Legend position	Açıklama kutusunun yeri
Grid color	Izgara rengi
Border · Corner radius	Çerçeve kalınlığı ve köşe yuvarlaklığı
CSV separator	Dışa aktarmada kullanılacak ayırıcı
PDF title	PDF çıktısının başlığı

Eksen başlıkları, logaritmik ölçek, sıfırdan başlatma ve tick sayısı iki Y ekseni için ayrı ayrı ayarlanabilir; X ekseninde de etiket biçimi ve tick sayısı seçilebilir.

Canlı ve tarihçe modu

Grafik iki modda çalışır ve hangisiyle açılacağı yapılandırmadan gelir:

Mod	Ne gösterir
Live	Kayan bir pencere içinde anlık değerleri — pencere genişliği ve örnekleme periyodu ayarlanır
History	Geçmişe dönük sabit bir aralığı

Varsayılan olarak grafik canlı modda, yaklaşık 40 saniyelik bir pencereyle açılır; tarihçe modunun varsayılan aralığı bir saattir.

Operatör araç çubuğu

Grafiğin üzerinde, çalışma zamanında operatörün kullanabileceği bir araç çubuğu vardır. Hangi düğmelerin görüneceği yapılandırmadan seçilir:

Düğme	Ne yapar
Config	Görünüm ayarlarını operatöre açar
Filter	Gösterilecek seriyi / aralığı süzer
Reset	Görünümü başlangıç durumuna döndürür
Guide	Kullanım ipucu gösterir
Export	Veriyi CSV, görüntüyü PDF olarak dışa aktarır

Bir ekranı operatöre salt-izleme vermek istiyorsanız araç çubuğu düğmelerini kapatmak, grafiği sabitlemenin en kolay yoludur.

Alarm seviyeleri ve referans çizgileri

Bir seriye alarm bağlandığında alarmın HH / H / L / LL seviyeleri grafiğe yatay çizgi olarak düşer; hangilerinin çizileceği ayrı ayrı açılıp kapatılabilir. Bunlardan bağımsız olarak kendi referans çizgilerinizi de tanımlayabilirsiniz — sözleşme sınırı, hedef değer gibi.

Datatable

Ekrana tablo yerleştirir. Tablonun satırlarını nereden alacağı seçilir.

Veri kaynağı

Kaynak	Ne gösterir
Variables (live)	Seçtiğiniz değişkenlerin anlık değerleri
Setpoint Presets	Kayıtlı setpoint takımları (reçete)
SQL query	Bir veri kaynağına yazılan sorgunun sonucu
Static rows	Elle girilen sabit satırlar

Düzenlenebilir satırlar

Variables (live) kaynağında her değişken tek tek Editable işaretlenebilir. İşaretli satırlar operatör tarafından tablo üzerinden değiştirilebilir ve değer değişkene yazılır — yani tablo yalnızca gösterim değil, bir giriş yüzeyi olarak da kullanılabilir.

Görünüm ve yenileme

Başlık, tema, arka plan (sayfayla kaynaşması için saydam da yapılabilir), yazı tipi ve boyutu, çerçeve, köşe yuvarlaklığı, iç boşluk ve veri yokken gösterilecek metin ayarlanabilir.

Tablo Auto refresh ile kendi periyodunda yenilenir; periyot saniye cinsinden verilir. Tasarım sırasında tabloyu doldurulmuş görmek için bir önizleme seçeneği de vardır.

Hangi nesneye bağlanır

İkisi de yalnızca rect üzerinde sunulur. Tasarımda bileşenin kaplayacağı alanı bir dikdörtgen çizerek ayırır, bağlamayı o dikdörtgene yaparsınız.

İlgili

Element Editor — bağlama formu ve tip listesi
Animation — ekranı kurma
Trendler — ekrana bağlı olmayan, kendi başına trend ekranı