5. Seri Tasarımı — Circular
Bu adımda Circular widget'ın görsel ayarları yapılır: dilim/halka renkleri, açı yapılandırması, radius/inner radius, kenarlık ve data label'lar.
Sihirbaz rotası: /cartography/add/seriesdesign
Geri Tuşu Davranışı
Bu adımdan Back ile geri dönerseniz oluşturulmuş seri konfigürasyonu silinir.
1. Ekran Düzeni
Sol tarafta seri tasarım formu, sağ tarafta canlı chart önizlemesi yer alır.
2. Series Display
| Alan | Açıklama |
|---|---|
| Series Name | Legend / tooltip'te görünecek seri adı |
| Series Color | Varsayılan dilim rengi (her dilim otomatik palette'ten alır) |
3. Pie Settings (Pie / Doughnut için)
| Alan | Açıklama |
|---|---|
| Radius | Pasta yarıçapı (% kart yüksekliği) |
| Start Angle | İlk dilimin başlangıç açısı (°) |
| End Angle | Son dilimin bitiş açısı (°) |
| Stroke Color | Dilim kenarlık rengi |
| Stroke Width | Dilim kenarlık kalınlığı |
| Explode | Seçilen dilimi dışa çıkarma (toggle) |
| Explode Index | Hangi dilim explode edilsin (0'dan başlar) |
| Explode Offset | Explode mesafesi (varsayılan 0.1) |
Explode ile Vurgu
En büyük veya kritik dilimi explode ederek vurgulayın. Örn. üretim hatası analizi için "Hata" dilimini Explode Index = 0 (en büyük varsa) veya o dilime karşılık gelen index ile öne çıkarın.
4. Doughnut Settings (Yalnızca Doughnut)
Pie ayarlarına ek olarak:
| Alan | Açıklama |
|---|---|
| Inner Radius | İç boşluk yarıçapı (donut deliği) |
Doughnut Inner Radius
Inner Radius 0.5 - 0.7 aralığında tutarsanız ortada toplam KPI değerini gösteren bir ek alan oluşturursunuz. 7. Genel Tasarım'da merkezde annotation eklemek için tema bağımlı bir özellik kullanılabilir.
5. Radial Bar Settings (Yalnızca Radial Bar)
| Alan | Açıklama |
|---|---|
| Radius | Dış yarıçap |
| Inner Radius | İç yarıçap |
| Corner Style | Çubuk uç şekli (bothFlat, bothCurve, vs.) |
| Track Opacity | Arka plan iz şeffaflığı |
| Gap | Çubuklar arası boşluk |
| Track Color | Arka plan iz rengi |
Radial Bar Track
Track (arka plan iz), her halkanın "boş" kısmıdır. Operatör hedefe ne kadar yaklaşıldığını track ile karşılaştırarak görür. Track Color'ı açık tonlu seçin (örn. #E5E7EB).
6. Data Label Settings
Pie / Doughnut için:
| Alan | Açıklama |
|---|---|
| Show Data Labels | Her dilim üzerinde değer/yüzde etiketi |
| Data Label Text Color | Etiket yazı rengi |
| Data Label Font Size | Etiket yazı boyutu (px) |
| Data Label Position | İçeride / Dışarıda / Gizli |
| Data Label İçeriği | Değer / Yüzde / Ad + Yüzde |
| Data Label Alignment | near, center, far |
| Data Label Overflow Mode | Sığmayan etiketin davranışı (hide, trim, shift) |
Yüzde Gösterimi
Pie/Doughnut için Data Label İçeriği = Yüzde seçin. Operatör mutlak değer yerine pay görmek istediğinde daha okunaklıdır.
7. Önizleme
Önizleme paneli yenilenmiyorsa formdaki bir alanı yeniden tıklayıp odak değişikliği tetikleyin.
8. Onaylama
Sağ üstteki Next butonuna tıkladığınızda flow.hasSeriesDesign = true işaretlenir ve doğrudan 7. Genel Tasarım'a geçilir (6. Seri Ekleme atlanır).
9. Sonraki Adım
Adım 6 Atlanır
Circular grubunda çoklu seri yoktur; sihirbaz doğrudan Adım 7'ye atlar.