Pengenalan carta radar
Carta radar ialah satu cara mudah untuk melukis data berdimensi rendah dalam format bulat.
Carta radar juga dikenali sebagai carta labah-labah, carta bintang, carta jaring, carta koordinat kutub.
Aplikasi
Carta radar sangat berguna untuk pembangun, saintis data dan jurutera yang perlu mewakili data dengan jelas dan ringkas dalam format bulat.
Ia biasanya digunakan untuk merumuskan dan membandingkan prestasi berbilang entiti merentas berbilang dimensi secara grafik.
Sintaks
Salin
Benamkan
radar-beta
axis A, B, C, D, E
curve c1{1,2,3,4,5}
curve c2{5,4,3,2,1}
... More Fields ...
Contoh
Salin
Benamkan
---
title: "Grades"
---
radar-beta
axis m["Math"], s["Chinese"], e["English"]
axis h["History"], g["Geography"], a["Art"]
curve a["Alice"]{85, 90, 80, 70, 75, 90}
curve b["Bob"]{70, 75, 85, 80, 90, 85}
max 100
min 0
Butiran sintaks
Tajuk
title: dipaparkan di bahagian atas carta radar.
Salin
Benamkan
radar-beta
title Title of the Radar Diagram
...
Paksi
axis: sintaks axis digunakan untuk mentakrifkan paksi carta radar.
Setiap paksi diwakili oleh satu ID dan satu label pilihan.
Berbilang paksi boleh ditakrifkan pada satu baris.
Salin
Benamkan
radar-beta
axis id1["Label1"]
axis id2["Label2"], id3["Label3"]
...
Lengkung
curve: sintaks curve digunakan untuk mentakrifkan titik data lengkung dalam carta radar.
Setiap lengkung diwakili oleh satu ID, satu label pilihan dan satu senarai nilai.
Nilai boleh ditakrifkan melalui senarai nombor atau senarai pasangan kunci-nilai. Jika pasangan kunci-nilai digunakan, kunci mewakili ID paksi, dan nilai mewakili titik data.
Berbilang lengkung boleh ditakrifkan pada satu baris.
Salin
Benamkan
radar-beta
axis axis1, axis2, axis3
curve id1["Label1"]{1, 2, 3}
curve id2["Label2"]{4, 5, 6}, id3{7, 8, 9}
curve id4{ axis3: 30, axis1: 20, axis2: 10 }
...
Pilihan
- showLegend: sintaks showLegend digunakan untuk memaparkan atau menyembunyikan legenda dalam carta radar, dipaparkan secara lalai.
- max: nilai maksimum carta radar, ini digunakan untuk menskalakan carta radar. Jika tidak diberikan, nilai maksimum dikira daripada titik data.
- min: nilai minimum carta radar, ini digunakan untuk menskalakan carta radar. Jika tidak diberikan, nilai minimum ialah 0.
- graticule: sintaks graticule digunakan untuk mentakrifkan jenis garisan graticule yang hendak dipaparkan dalam carta radar. Garis graticule boleh jadi circle atau polygon. Jika tidak diberikan, lalai ialah circle.
- ticks: sintaks ticks digunakan untuk mentakrifkan bilangan skala pada garisan graticule. Ia ialah bilangan bulatan sepusat atau poligon yang dilukis, digunakan untuk menunjukkan skala carta radar. Jika tidak diberikan, bilangan skala lalai ialah 5.
Salin
Benamkan
radar-beta
...
showLegend true
max 100
min 0
graticule circle
ticks 5
...
Konfigurasi
| Parameter | Penerangan | Nilai lalai |
|---|---|---|
| width | Lebar carta radar | 600 |
| height | Tinggi carta radar | 600 |
| marginTop | Margin atas carta radar | 50 |
| marginBottom | Margin bawah carta radar | 50 |
| marginLeft | Margin kiri carta radar | 50 |
| marginRight | Margin kanan carta radar | 50 |
| axisScaleFactor | Faktor skala paksi | 1 |
| axisLabelFactor | Faktor untuk melaraskan kedudukan label paksi | 1.05 |
| curveTension | Ketegangan lengkung bulat | 0.17 |
Pemboleh ubah tema
Pemboleh ubah tema global
Nilai lalai pemboleh ubah ini bergantung pada tema yang digunakan. Untuk mengatasi nilai lalai, tetapkan nilai yang dikehendaki dalam bahagian themeVariables konfigurasi: config: themeVariables: cScale0: "#FF0000" cScale1: "#00FF00"
Carta radar menyokong skala warna cScale${i}, di mana i ialah nombor dari 0 hingga bilangan warna maksimum skala warna tema. Biasanya, bilangan warna maksimum ialah 12.
| Sifat | Penerangan |
|---|---|
| fontSize | Saiz fon tajuk |
| titleColor | Warna tajuk |
| cScale$ | Skala warna bagi lengkung ke-i |
Pilihan gaya radar
Pemboleh ubah khusus radar terletak dalam kunci radar. Untuk menetapkan pilihan gaya radar, gunakan sintaks berikut. config: themeVariables: radar: axisColor: "#FF0000"
| Sifat | Penerangan | Nilai lalai |
|---|---|---|
| axisColor | Warna garisan paksi | black |
| axisStrokeWidth | Lebar garisan paksi | 1 |
| axisLabelFontSize | Saiz fon label paksi | 12px |
| curveOpacity | Kelegapan lengkung | 0.7 |
| curveStrokeWidth | Lebar lengkung | 2 |
| graticuleColor | Warna garis graticule | black |
| graticuleOpacity | Kelegapan garis graticule | 0.5 |
| graticuleStrokeWidth | Lebar garis graticule | 1 |
| legendBoxSize | Saiz kotak legenda | 10 |
| legendFontSize | Saiz fon legenda | 14px |
Contoh konfigurasi dan tema
Salin
Benamkan
---
config:
radar:
axisScaleFactor: 0.25
curveTension: 0.1
theme: base
themeVariables:
cScale0: "#FF0000"
cScale1: "#00FF00"
cScale2: "#0000FF"
radar:
curveOpacity: 0
---
radar-beta
axis A, B, C, D, E
curve c1{1,2,3,4,5}
curve c2{5,4,3,2,1}
curve c3{3,3,3,3,3}
