8. Kart Tasarımı — Range Column
Bu adımda Range Column 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 |
Range Column için Refresh Interval Önerisi
Range Column genelde aggregate sorgularla beslendiği için uzun refresh aralıkları önerilir.
| Senaryo |
Önerilen Refresh |
| Günlük min/max sıcaklık |
300 - 600 sn |
| Vardiya bazlı basınç aralığı |
300 sn |
| Saatlik aralık (real-time) |
60 - 120 sn |
| Geçmiş tarih analizi (sabit) |
0 (manuel) |
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
Range Column'da info card aralık tanımı, eşik değerler veya alarm bantlarını açıklamak 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 |
## Sıcaklık Aralığı
- Normal: **65 - 85 °C**
- Uyarı: 85 - 95 °C
- Kritik: > 95 °C
> Color By: Vardiya (V1=mavi, V2=turuncu, V3=yeşil)
4. Spacing
| Alan |
Açıklama |
Birim |
| Padding |
Kart iç boşluğu |
px |
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.
8. Sonraki Adım
→ 09 — Görüntüleme Bilgileri