Ana içeriğe geç

7. Genel Tasarım — Range Column

Bu adımda Range Column 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. Y ekseninin Min/Max ayarı Range Column'da özellikle önemlidir — aralık değerleri belli bir bantta yoğunlaşıyorsa eksen otomatik dar zoom olabilir.

Sihirbaz rotası: /cartography/add/generaldesign

Ön Koşul

Range Column akışının 1-4. adımları tamamlanmış olmalıdır (5 ve 6 atlanır).

04 — Axis Config + Low/High


1. Ekran Düzeni

Range Column Genel Tasarım — sol form, sağ önizleme


2. Chart Title

Alan Açıklama
Show Title Başlık görünürlüğü (toggle)
Title Text Başlık metni
Title Color 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

Legend yalnızca Color By Column kullandıysanız anlamlıdır — kategorik renklerin açıklaması olur. Color By yoksa legend kapatılabilir.

Alan Açıklama
Show Legend Color By varsa açık tutun
Legend Position top / bottom / left / right
Legend Text Color Yazı rengi
Legend Font Size Font boyutu (px)
Legend Font Weight Normal / Bold
Legend Overflow Mode wrap / scroll

Color By yoksa Legend kapalı

Range Column tek renkli kullanılıyorsa legend boş bir öğe gösterir; kapatın.


4. Tooltip

Range Column'da tooltip her çubuğun low ve high değerlerini gösterir.

Alan Açıklama
Show Tooltip Tooltip görünürlüğü
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

Range Column Tooltip Kullanışlı

Hover sırasında "Min: 65 °C, Max: 92 °C" gibi her iki değeri görmek operatöre tam aralığı verir. Show Tooltip'i mutlaka açık tutun.


5. X Axis

Alan Açıklama Birim
X Axis Name Eksen başlığı 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 (Range Column'da Kritik)

Range Column'da Y axis Min/Max manuel ayarı önem taşır — değerler belli bir bantta yoğunlaşmışsa otomatik zoom çubukları çok daraltır.

Alan Açıklama Birim
Y Axis Name Eksen başlığı (örn. "Sıcaklık", "Basınç") metin
Y Axis Label Suffix Birim (°C, bar, %) 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 (manuel sabitlemek önerilir) sayı
Y Axis Maximum Max değer (manuel sabitlemek önerilir) sayı

Y Min/Max Sabitleme — Range Column'da Önemli

Sıcaklık aralığı 60-95°C arasında ise Y Min=50, Max=100 sabitleyin. Aksi halde otomatik 60-95 zoom yapar ve çubuklar tüm chart yüksekliğini kapsar. Sabit aralık operatörün referans noktasını korur.


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 Pinch ile zoom (toggle)
Pan Mode X / Y / XY pan
Zoom Mode X / Y / XY zoom

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.


11. Sonraki Adım

08 — Kart Tasarımı