5. Seri Tasarımı — Stacked Cartesian
Bu adımda Stacked widget'ın stack katmanlarına uygulanacak görsel ayarlar yapılır: katman renkleri, data label'lar, column genişliği (Stacked Column/Bar için).
Stack By kolonundan otomatik üretilen her katman bu adımda ayrı ayrı renk alabilir.
Sihirbaz rotası: /cartography/add/seriesdesign
Ön Koşul
Stacked Cartesian akışının 1-4. adımları tamamlanmış olmalıdır.
1. Ekran Düzeni
Sol tarafta seri tasarım formu, sağ tarafta canlı chart önizlemesi yer alır.
2. Series Display (Stack Katmanları için)
Stacked akışında "Series Name" tek bir alan değildir; her stack katmanı için ayrı bir kart görünür. Her kartta:
| Alan | Açıklama |
|---|---|
| Stack Category Name | Stack By kolonundaki benzersiz değer (otomatik dolu, salt-okunur) |
| Series Color | Bu kategorinin renk seçimi |
Renk Paleti Önerisi
- Mutlak Stacked: Renkler birbirinden ayrılsın (mavi, turuncu, yeşil, mor — qualitative palette).
- %100 Stacked: Sıralı paletler kullanın (örn. Vardiya 1-2-3 için açık-orta-koyu mavi tonları).
- Ürün kategorilerinde brand color kullanın (kırmızı = A serisi, mavi = B serisi).
3. Data Label Settings
| Alan | Açıklama | Birim |
|---|---|---|
| Show Data Labels | Her stack segmenti üzerinde değer etiketi | toggle |
| Data Label Text Color | Etiket yazı rengi | renk |
| Data Label Font Size | Etiket yazı boyutu | px |
| Data Label Position | Etiket konumu (Center, Top, vb.) |
enum |
Stacked'da Data Label
Stacked Column'da her segment etiketli olursa görsel kalabalık artar. Sadece toplam üstündeki etiket için Position = Outer Top ve Show Data Labels yalnızca toplam katmanda etkin olabilir (UI dropdown'undan kontrol edin).
%100 Stacked'da Data Label Birimi
%100 türevlerde data label'lar yüzde olarak görünür. 45% yerine 45 görmek istiyorsanız ana mutlak Stacked tipini kullanın.
4. Column Settings (Yalnızca Stacked Column / Stacked Bar / 100 türevleri)
Column tabanlı Stacked tiplerinde ek alanlar:
| Alan | Açıklama | Birim |
|---|---|---|
| Column Width | Çubuk genişliği | px |
| Column Spacing | İki çubuk grubu arası boşluk | px |
Stacked Area / Stacked Line / Stacked Line 100 için Column Settings görünmez; bunun yerine Stroke Width / Fill Opacity gibi alanlar gelir.
5. Stacked Area / Line Ek Ayarları
| Alan | Açıklama | Hangi Tipte |
|---|---|---|
| Fill Opacity | Alan dolgu şeffaflığı | Stacked Area, Stacked Area 100 |
| Stroke Width | Çizgi kalınlığı | Stacked Line, Stacked Line 100 |
| Marker Visibility | Veri noktası sembolü | Stacked Line, Stacked Area |
6. Önizleme Donmuş Görünüyorsa
Önizleme paneli yenilenmiyorsa formdaki bir alanı yeniden tıklayıp odak değişikliği tetikleyin.
7. 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).
8. Sonraki Adım
Stacked'da Adım 6 Yoktur
Stack By kolonundan otomatik üretilen katmanlar manuel "Add New Series" gerektirmez; sihirbaz doğrudan Adım 7'ye atlar.