/

Bir hedefe ne kadar yaklaştığınızı veya bir metriğin anlık durumunu bir bakışta anlamanın en etkili yolu Gauge Chart elementini kullanmaktır. Satış hedefleri, kapasite kullanımı veya başarı yüzdesi gibi kritik verileri görselleştirmek için mükemmel bir çözüm sunar.

Başlamak için Tables alanından tablonuzu ekrandaki gibi oluşturun. Ardından örnek verileri ekleyen InsertKPIData aksiyonunu yazın; aksiyonu uygularken KPIData kısmını silip yeniden yazarak Enter'a basın. Bu adım, tablo adının önüne doğru şema adının eklenmesini sağlar. TEST butonuyla uygulamayı test edin, ardından verileri sağlayan ve filtreleyen GetKPIData aksiyonunu yazarak aynı işlemleri tekrarlayın.

UI Design modülüne geçin ve Add Action butonundan Initial Actions ile Custom, Managed DB, GetKPIData adımlarını izleyerek aksiyonunuzu ekleyin. Sayfaya bir Row elementi sürükleyin, Desktop alanından "1" olarak ayarlayın ve Styling panelindeki Layout alanından ortalayın. Row içine bir Panel elementi sürükleyip Styling alanından boyutunu ayarlayın; Fill alanından arka planı White Background, Border alanındaki Radius kısmından ise kenarları "40" olarak belirleyin. Panel içine bir Vertical Stack ekleyip içine Label ve Gauge Chart elementlerini yerleştirin. Gauge Chart'ın altına bir Row elementi sürükleyin, Desktop alanından 2 Column olarak ayarlayın ve Styling Layout alanından dikey ile yatayda ortalayın. Column içine Label elementi sürükleyin ve Duplicate ile çoğaltın.

Sayfanıza aksiyonunuzu ekledikten sonra üstteki Label alanına tanımlamanızı yapın. Gauge Chart üzerine tıklayarak Max, Value ve alt Label alanları için gerekli tanımlamaları gerçekleştirin. Renk ayarlarını Colors alanından özelleştirebilirsiniz.

Sağ üst köşedeki Preview butonuna bastıktan sonra aylık yeni müşteri hedeflerine ait verilerin Gauge Chart üzerinde başarıyla görüntülendiğini göreceksiniz.