7. Genel Tasarım — Stacked Cartesian
Bu adımda Stacked widget'ın chart-içi görsel ayarları yapılır: başlık, legend, tooltip, X/Y eksen başlıkları, plot alanı, zoom davranışı, trackball.
Sihirbaz rotası: /cartography/add/generaldesign
Ön Koşul
Stacked Cartesian akışının 1-5. adımları tamamlanmış olmalıdır (6. Seri Ekleme atlanır).
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 |
| Title Color | Başlık 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 (Stacked'da Çok Kritik)
Stacked akışında her stack katmanı legend'da ayrı bir öğe olur. Legend olmadan kullanıcı katmanların hangisinin hangi kategori olduğunu anlayamaz.
| Alan | Açıklama | Olası Değerler |
|---|---|---|
| Show Legend | Stacked'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 |
Stacked Legend Position
- 4-5 katman:
topveyabottom(yatay sığar) - 6+ katman:
right(dikey listeleme okunabilirliği artırır)
4. Tooltip (Stacked'da Toplam Bilgisi)
| 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 |
Tooltip ile Stack Detayı
Stacked widget'ta hover sırasında tooltip o noktadaki tüm katmanların değerlerini ve toplamı gösterir. Tooltip Show = Off yaparsanız okuma deneyimi düşer.
5. X Axis
| Alan | Açıklama | Birim |
|---|---|---|
| X Axis Name | Eksen başlığı (örn. "Vardiya", "Gün") | metin |
| X Axis Title Font Size | Eksen başlığı font boyutu | px |
| X Axis Label Font Size | Tick label font boyutu | px |
| X Axis Interval | Tick aralığı | sayı |
| X Axis Minimum | Min değer | sayı / tarih |
| X Axis Maximum | Max değer | sayı / tarih |
6. Y Axis
| Alan | Açıklama | Birim |
|---|---|---|
| Y Axis Name | Eksen başlığı (örn. "Toplam Adet", "Pay (%)") | metin |
| Y Axis Label Suffix | Sayı sonrası suffix (adet, kWh, %) |
metin |
| Y Axis Title Font Size | Eksen başlığı font boyutu | px |
| Y Axis Label Font Size | Tick label font boyutu | px |
| Y Axis Interval | Tick aralığı | sayı |
| Y Axis Minimum | Min değer | sayı |
| Y Axis Maximum | Max değer | sayı |
Y Axis Suffix — %100 Türevlerinde
Stacked Column 100 / Stacked Bar 100 / Stacked Line 100 için Y Axis Label Suffix % kullanın. Mutlak Stacked'da birim ne ise (adet, kWh, kg).
Y Axis Min/Max — %100 Türevlerinde
%100 türevlerde Y Min/Max manuel ayarı backend tarafından override edilir. Aralık otomatik 0-100'dür.
7. Plot Area
| Alan | Açıklama | Birim |
|---|---|---|
| Plot Area Border Width | Çizim alanı çerçeve kalınlığı | px |
| Plot Area Background Color | Çizim alanı arka plan rengi | renk |
8. Zoom
| Alan | Açıklama |
|---|---|
| Pinch Zoom | Touchpad pinch ile zoom |
| Pan Mode | X / Y / XY pan |
| Zoom Mode | X / Y / XY zoom |
Stacked Area + Pan
Uzun zaman serisi Stacked Area chart'larında Pan Mode = X seçin; kullanıcı X eksenini sürükleyebilir.
9. Trackball
| Alan | Açıklama | Birim |
|---|---|---|
| Trackball Line Width | Trackball çizgi kalınlığı | px |
| Trackball Tooltip Font Size | Trackball tooltip font boyutu | px |
10. Onaylama
Sağ üstteki Next butonuna tıkladığınızda flow.hasGeneralDesign = true işaretlenir.