Radial Chart elementi, verilerin dairesel bir eksen üzerinde görselleştirilmesini sağlayarak özellikle oran, performans ve karşılaştırma odaklı analizlerde etkili bir gösterim sunar. Kategorilerin radyal eksen boyunca yerleştirilmesiyle her bir kategoriye ait değer, çemberin dışına doğru uzanan bir bar/dilim formunda temsil edilir. Bu yapı sayesinde kullanıcılar, veri setindeki farklı kategoriler arasındaki ilişkileri, oranları ve sıralamaları hızlıca yorumlayabilir.
Radial Chart elementi hem web hem de mobil uygulamalarda desteklenmektedir.
1.1. Sık Kullanım Senaryoları
Kategori bazlı performans ölçümlerini göstermek (ör. departman performans skorları, ürün bazlı puanlamalar)
Oran ve yüzdelik değerleri dairesel bir düzende sunmak (ör. hedef gerçekleşme yüzdeleri, dağılım oranları)
Farklı kategorileri görsel olarak karşılaştırmak. Çember boyunca dizilen kategoriler sayesinde veri karşılaştırması sezgisel hale gelir.
Tek bakışta genel durum ve sıralama analizi yapmak. En yüksek ve en düşük değerler kolayca tespit edilir.
Trend ya da seviyeleri görselleştirmek için radial bar yapısını kullanmak. (ör. kapasite oranı, başarı oranı, puanlama seviyeleri)
2. Temel Özellikler
Dairesel bar yapısı ile kategori bazlı veri gösterimi. Her kategori çember üzerine yerleştirilir ve değeri kadar dışa doğru uzayan bir bar/dilim ile temsil edilir.
Oransal veri analizi için ideal yapı. Her bir kategori yüzdelik ya da skor bazlı değerlerle kıyaslanabilir.
Birden fazla kategori için eşzamanlı karşılaştırma imkânı. Çember üzerinde tüm kategoriler aynı referans düzlemde gösterilir.
Veri kaynağından dinamik yükleme desteği. SQL, REST API veya Managed DB aksiyonları ile güncel veriler otomatik olarak çekilebilir.
Kategori isimleri ve değerlerinin özelleştirilebilir olması. Etiket rengi, yazı tipi ve pozisyonu düzenlenebilir.
2.1. Element Ayarları (Properties)
Radial Chart elementini seçtiğinizde, sağ tarafta yer alan Properties paneli üzerinden veri kaynaklarını, seviyeleri, dilim etiketlerini, yüzde değerlerini ve çizgi/stil yapılandırmalarını detaylı şekilde tanımlayabilirsiniz. Aşağıdaki tüm ayarlar madde madde açıklanmıştır.
Options (Genel Veri Ayarları)
Actions: Radial Chart üzerinde görüntülenecek kategorik verileri getiren SQL aksiyonlarını tanımlar. Veri kaynağı olarak tek veya birden fazla aksiyon kullanılabilir.
Slice Label Field: Her dilimin üzerinde gösterilecek kategori etiketini belirler. Örn: “Satış”, “Performans”, “Kapasite”.
Slice Text Field: Dilimlerin iç kısmında gösterilecek metni tanımlar. Ek açıklama, kısa tanım veya değer temsilcisi olarak kullanılabilir.
Percentage Field: Dilimde gösterilecek yüzde değerini belirler. Her dilimin toplam içindeki payını ifade eder.
Point Field: Grafik üzerinde belirli noktaların değerlerini tanımlar. Özellikle fazla seviyeli veya çok noktalı radial yapılarda belirli veri noktalarını vurgulamak için kullanılır.
Levels (Seviye Ayarları)
Radial Chart içindeki halkaları/seviyeleri yapılandırmak için kullanılan alandır.
Level Text Field: Her seviyenin iç kısmında gösterilecek metni tanımlar. Seviye açıklamaları, kategori özetleri veya ekstra bilgiler için kullanılabilir.
Level Percentage Field: Her seviyenin toplam içindeki yüzdesini gösterir. Seviyelerin göreceli büyüklüğünü ifade eder.
Level Color Field: Seviyelerin renk paletini tanımlar. Her seviye için farklı bir renk atanabilir veya tek renk varyasyonları kullanılabilir.
Çizgi ve Renk Ayarları
Line Color: Radial grafiği oluşturan ana çizgilerin rengini belirler. Çember çizgileri ve seviye konturlarının görünümünü özelleştirmek için kullanılır.
Line Width: Çizgi kalınlığını 1–8 aralığında ayarlar. Daha kalın çizgiler daha vurgulu görünüm, daha ince çizgiler daha minimal görünüm sağlar.
Radial Line Color: Grafiğin merkezinden dışa doğru uzanan radyal çizgilerin rengini belirler. Veri noktalarını hizalayan “spider web” çizgilerinin görünürlüğünü kontrol eder.
Back Ground Color: Grafik arka plan rengini özelleştirir. Koyu mod, açık mod veya marka temasıyla uyumlu görünüm oluşturmak için kullanılır.
Legend Text Color: Açıklama (legend) alanındaki metinlerin rengini belirler. Çoklu dilim veya seviye kullanılan grafiklerde kategori okunabilirliğini artırmak için önemlidir.
2.2. Elemente Eklenebilen Aksiyonlar
Radial Chart elementi, tamamen görsel bir veri gösterim bileşeni olduğundan kullanıcı etkileşimiyle aksiyon tetiklemeyi desteklemez. Bu nedenle element seçildiğinde ADD ACTION butonu görünmez ve grafik üzerine herhangi bir tetikleyici atanamaz.
Aksiyon davranışına ilişkin temel ilkeler:
Radial Chart üzerine tıklama, hover veya seçim yapılması aksiyon tetiklemez.
Grafik verisinin güncellenmesi, Radial Chart’ın bağlı olduğu Datasource / Actions alanındaki SQL aksiyonlarının dış UI elementleri tarafından tetiklenmesi ile gerçekleşir.
Kullanıcı seçimlerine göre grafiğin değişmesi gerekiyorsa (ör. yıl seçimi, kategori filtresi, kullanıcı seçimi), bu davranış Button, Radio Group gibi elementlere aksiyon eklenerek sağlanır.
Radial Chart yalnızca veriyi gösterir, kendi başına bir işlem başlatmaz.
Radial Chart’a aksiyon eklenemez; tüm veri güncellemeleri harici aksiyonlarla yönetilir.
3. Ortak Özellikler (Properties)
Radial Chart elementi üzerinde yer alan bazı alanlar tüm UI elementlerinde ortak olarak kullanılır. Bu nedenle, aşağıdaki özelliklerin detaylı açıklamaları ilgili genel kılavuz sayfalarında yer almaktadır:
