8. Kart Tasarımı — Circular
Bu adımda Circular widget'ın dış kart görünümü yapılandırılır.
Sihirbaz rotası: /cartography/add/carddesign
1. General Settings
| Alan | Açıklama | Birim |
|---|---|---|
| Chart Name | Kartın üst kısmındaki başlık | metin |
| Chart Refresh Interval | Veri yeniden çekme periyodu | saniye |
Circular için Refresh Interval Önerisi
| Senaryo | Önerilen Refresh |
|---|---|
| Vardiya bazlı pay (anlık) | 60 - 120 sn |
| Günlük dağılım | 300 - 600 sn |
| Aylık özet | 3600 sn |
| Radial Bar — OEE makine takibi | 30 - 60 sn |
2. Card Display
| Alan | Açıklama | Tip |
|---|---|---|
| Card Background Color | Arka plan rengi | renk |
| Card Title Position | Sol / Orta / Sağ | enum |
| Card Title Color | Başlık metin rengi | renk |
| Card Title Font Size | Başlık font boyutu | px |
3. Info Card
Circular'da info card kategori tanımları, hesaplama açıklaması veya pay-temelli formül için ideal.
| Alan | Açıklama |
|---|---|
| Show Info Card | Info card görünür mü |
| Info Card Content | Markdown editör |
| Expand Editor | Tam ekran editör |
## Vardiya Üretim Payı
- **V1**: 06:00-14:00
- **V2**: 14:00-22:00
- **V3**: 22:00-06:00
> Top-3 vardiya gösterilir; geri kalan **Diğer** olarak grupludur.
4. Spacing
| Alan | Açıklama | Birim |
|---|---|---|
| Padding | Kart iç boşluğu | px |
Pie/Doughnut Padding
Circular kart genelde başka widget'larla birlikte kullanılır. Padding'i 12-16 px tutun; legend ve dilimler kart kenarına dayanmaz.
5. Border
| Alan | Açıklama | Birim |
|---|---|---|
| Border Color | Kart kenarlık rengi | renk |
| Border Radius | Köşe yuvarlama yarıçapı | px |
| Border Width | Kenarlık kalınlığı | px |
6. Shadow (varsa)
| Alan | Açıklama |
|---|---|
| Shadow Blur | Gölge yumuşaklığı |
| Shadow Offset X / Y | Gölge yön kayması |
| Shadow Opacity | Gölge şeffaflığı |
7. Onaylama
Sağ üstteki Next butonuna tıkladığınızda flow.hasCardDesign = true işaretlenir.