Kullanıcı Kılavuzu

Radial Chart Kullanım Senaryosu

Radial Chart Kullanım Senaryosu

Radial Chart elementi, çok boyutlu verileri dairesel bir düzlemde dilimler, seviyeler ve yüzdesel değerler ile görselleştirmenizi sağlar. Özellikle performans göstergeleri, kategori bazlı skorlar veya yüzdesel dağılımları göstermek için kullanılır. 

Radial Chart elementi yalnızca web uygulamalarda desteklenir.

Kullanım Alanları

  • Çalışan performans skorlarını kıyaslamak,
  • Kategori bazlı yüzdesel dağılımları göstermek,
  • KPI metriklerini görselleştirmek,
  • Ürün özelliklerinin yüzde bazlı dağılımını göstermek vb. 

Örnek Kullanım Senaryosu: Performans Göstergeleri

Bir şirket, çalışanlarının genel performansını % dağılımlar üzerinden değerlendirmek ister. Örneğin: Efficiency, Quality, Punctuality, Teamwork, Innovation kriterleri % cinsinden ölçülür ve Radial Chart üzerinde görselleştirilir.

Bu sayede çalışanların hangi alanda daha güçlü, hangi alanda gelişime açık olduğu tek bakışta görülebilir.

Veri Kaynağı Bağlama

  1. Datasources modülüne gidin.
  2. Tables başlığı yanındaki + ikonuna tıklayın ve tabloya PerformanceDataRadial adını verin.
  3. Aşağıdaki tabloyu oluşturun.

SQL Örneği

SELECT 'Employee A' AS Employee, 85 AS Efficiency, 75 AS Quality, 90 AS Punctuality, 80 AS Teamwork, 70 AS InnovationUNION ALLSELECT 'Employee B', 70, 85, 80, 75, 65
  1. SQL Actions bölümünden aksiyona PerformanceDataRadial adını verin.
  2. Alternatif olarak C# ile de oluşturabilirsiniz.

UI Design Modülü İşlemleri

  1. Uygulama ekranında Add Action butonuna tıklayın.
  2. Custom > PerformanceData aksiyonunu seçin.
  3. Radial Chart elementine tıklayın.
  4. Properties → Datasource alanından PerformanceData aksiyonunu seçin.

Özelliklerin Senaryo Bağlamında Kullanılması

  • Options
    • Açıklama: Grafikte kullanılacak verilerin kaynağını belirler.
    • Örnek: “PerformanceData” datası.
  • Slice Label Field
    • Açıklama: Her dilimin üzerine yazılacak etiket.
    • Örnek: Efficiency, Quality, Innovation…
  • Slice Text Field
    • Açıklama: Dilimin iç kısmında yer alacak ek metin.
    • Örnek: “Employee A”
  • Percentage Field
    • Açıklama: Her dilimin toplam içerisindeki yüzdesini gösterir.
    • Örnek: Efficiency → %85
  • Point Field
    • Açıklama: Belirli eşik değerleri nokta olarak işlemek için kullanılır.
    • Örnek: Minimum kabul edilebilir %70 sınırı.

Levels

  • Level Label Field → Seviye adı (ör. Threshold 1, Threshold 2)
  • Level Text Field → Açıklama metni (ör. “Target %80”)
  • Level Percentage Field → Seviye bazlı yüzdesel katkı
  • Level Color Field → SQL’den gelen dinamik renk kodları (#HEX)

Çizgi ve Arka Plan Özellikleri

  • Line Color → Çerçeve çizgi rengi
  • Line Width → Çizgi kalınlığı (1–8 px)
  • Radial Line Color → Merkezden dışa uzanan çizgilerin rengi
  • Background Color → Grafik arka planı
  • Legend Text Color → Açıklama yazılarının rengi

Senaryo Adımı Tamamlandığında

  • Her performans kriteri dilim şeklinde görünür.
  • Çalışan skorları yüzde değerleriyle işlenir.
  • Tooltip açıldığında kategori + yüzde bilgisi gösterilir.
  • Kullanıcılar farklı çalışanların güçlü/zayıf yönlerini net şekilde kıyaslayabilir.

Kısıtlamalar

  • Radial Chart yalnızca web uygulamalarında çalışır.
  • Çok fazla kategori/dilim eklemek görselleştirmeyi zorlaştırır.
  • İdeal kategori sayısı: 5–8
  • İdeal seri sayısı: 2–3

İpuçları ve Best Practices

Datasource tanımlanmadan özellikler aktif olmaz.

  • Renk kontrastlarını yüksek seçmek karşılaştırmayı kolaylaştırır.
  • Tooltip içerikleri, birden fazla alan eklenerek zenginleştirilebilir.
  • Performans için sınırlı sayıda kategori/dilim tercih edilmesi önerilir.
No items found.

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar