7. Genel Tasarım — Circular
Bu adımda Circular widget'ın chart-içi görsel ayarları yapılır: başlık, legend, tooltip ve data label genel ayarları. Cartesian'dan farklı olarak X/Y axis ve Plot Area / Zoom bölümleri yoktur — Circular eksensizdir.
Sihirbaz rotası: /cartography/add/generaldesign
1. Ekran Düzeni
2. Chart Title
| Alan | Açıklama |
|---|---|
| Show Title | Başlık görünürlüğü (toggle) |
| Title Text | Başlık metni (örn. "Vardiya Bazlı Üretim Payı") |
| Title Color | Yazı rengi |
| Title Font Size | Font boyutu (px) |
| Title Font Weight | Normal / Bold / SemiBold |
| Title Background Color | Arka plan rengi |
| Title Border Color | Çerçeve rengi |
| Title Border Width | Çerçeve kalınlığı (px) |
| Title Alignment | Sol / Orta / Sağ |
3. Legend (Circular'da Kritik)
Pie/Doughnut/Radial Bar'da legend kategori adlarının açıklamasıdır; renklerle eşleştirme bunda görünür.
| Alan | Açıklama | Olası Değerler |
|---|---|---|
| Show Legend | Circular'da daima açık tutun | toggle |
| Legend Position | Konum | top / bottom / left / right |
| Legend Text Color | Yazı rengi | renk |
| Legend Font Size | Font boyutu | px |
| Legend Font Weight | Normal / Bold | enum |
| Legend Overflow Mode | Sığmama davranışı | wrap / scroll |
Legend Position
- 4-5 dilim:
bottom(yatay) — pasta merkez konumda kalır - 6+ dilim veya uzun etiket adları:
right(dikey)
4. Tooltip
Hover edildiğinde dilim adı + değer + yüzde gösterilir.
| Alan | Açıklama |
|---|---|
| Show Tooltip | Tooltip görünürlüğü (toggle) |
| Tooltip Background Color | Arka plan rengi |
| Tooltip Border Color | Çerçeve rengi |
| Tooltip Border Width | Çerçeve kalınlığı (px) |
| Tooltip Text Alignment | Yazı hizası |
| Tooltip Text Color | Yazı rengi |
| Tooltip Font Size | Font boyutu (px) |
| Tooltip Font Weight | Normal / Bold |
5. Data Label Settings (Circular Genel)
Adım 5'teki seri data label'larına ek olarak burada genel format ayarları yer alır:
| Alan | Açıklama |
|---|---|
| Show Data Labels | Her dilim üzerinde değer etiketi |
| Data Label Text Color | Yazı rengi |
| Data Label Font Size | Font boyutu (px) |
| Data Label Position | İçeride / Dışarıda / Gizli |
| Data Label Alignment | near / center / far |
| Data Label Overflow Mode | hide / trim / shift |
Adım 5 vs Adım 7 Data Label
Adım 5'teki data label ayarları seri-spesifik; Adım 7'deki ise tüm dilimler için ortak görsel format. İkisi birlikte chart genelindeki tek tutarlı görünümü sağlar.
6. Onaylama
Sağ üstteki Next butonuna tıkladığınızda flow.hasGeneralDesign = true işaretlenir.