8. Kart Tasarımı — Linear Gauge
Bu adımda Linear Gauge 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 (örn. "Tank-1 Doluluk") |
metin |
| Chart Refresh Interval |
Veri yeniden çekme periyodu |
saniye |
Linear Gauge için Refresh Interval Önerisi
| Veri Kaynağı |
Önerilen Refresh |
| MQTT (canlı) |
0 |
| SQL — sensör |
5 - 15 sn |
| SQL — KPI |
60 - 300 sn |
| REST API |
60 - 300 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
## Tank Doluluk Eşikleri
- 🔴 0-30%: Kritik (yeniden doldurma uyarısı)
- 🟢 30-80%: Normal
- 🟡 80-100%: Yüksek (taşma uyarısı)
| 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 |
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