Tutkakaavion esittely
Tutkakaavio on yksinkertainen tapa piirtää matalan ulottuvuuden dataa pyöreässä muodossa.
Tutkakaaviota kutsutaan myös hämähäkkikaavioksi, tähtikaavioksi, verkkokaavioksi ja napakoordinaattikaavioksi.
Sovellus
Tutkakaavio on erityisen hyödyllinen kehittäjille, datatieteilijöille ja insinööreille, joiden on esitettävä tietoja selkeästi ja tiiviisti pyöreässä muodossa.
Sitä käytetään yleisesti useiden entiteettien suorituskyvyn yhteenvetoon ja vertailuun useissa ulottuvuuksissa graafisesti.
Syntaksi
Kopioi
Upotus
radar-beta
axis A, B, C, D, E
curve c1{1,2,3,4,5}
curve c2{5,4,3,2,1}
... More Fields ...
Esimerkki
Kopioi
Upotus
---
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
Syntaksin yksityiskohdat
Otsikko
title: renderöidään tutkakaavion yläosaan.
Kopioi
Upotus
radar-beta
title Title of the Radar Diagram
...
Akseli
axis: axis-syntaksia käytetään tutkakaavion akselien määrittämiseen.
Jokaista akselia edustaa tunniste ja valinnainen merkintä.
Useita akseleita voidaan määrittää yhdellä rivillä.
Kopioi
Upotus
radar-beta
axis id1["Label1"]
axis id2["Label2"], id3["Label3"]
...
Käyrä
curve: curve-syntaksia käytetään tutkakaavion käyrän datapisteiden määrittämiseen.
Kutakin käyrää edustaa tunniste, valinnainen merkintä ja arvoluettelo.
Arvot voidaan määrittää numeroluettelona tai avain-arvo-parien luettelona. Jos käytetään avain-arvo-pareja, avain edustaa akselin tunnistetta ja arvo datapistettä.
Useita käyriä voidaan määrittää yhdellä rivillä.
Kopioi
Upotus
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 }
...
Vaihtoehdot
- showLegend: showLegend-syntaksia käytetään tutkakaavion selitteen näyttämiseen tai piilottamiseen; oletus on näytä.
- max: tutkakaavion maksimiarvo, jota käytetään tutkakaavion skaalaamiseen. Jos sitä ei ole annettu, maksimiarvo lasketaan datapisteistä.
- min: tutkakaavion minimiarvo, jota käytetään tutkakaavion skaalaamiseen. Jos sitä ei ole annettu, minimiarvo on 0.
- graticule: graticule-syntaksia käytetään määrittämään tutkakaaviossa renderöitävän koordinaattiviivan tyyppi. Koordinaattiviiva voi olla circle tai polygon. Jos sitä ei ole annettu, oletus on circle.
- ticks: ticks-syntaksia käytetään määrittämään koordinaattiviivan jakojen määrän. Se on piirrettyjen samankeskisten ympyröiden tai monikulmioiden määrä, joka ilmaisee tutkakaavion asteikon. Jos sitä ei ole annettu, jakojen oletusmäärä on 5.
Kopioi
Upotus
radar-beta
...
showLegend true
max 100
min 0
graticule circle
ticks 5
...
Kokoonpano
| Parametri | Kuvaus | Oletusarvo |
|---|---|---|
| width | Tutkakaavion leveys | 600 |
| height | Tutkakaavion korkeus | 600 |
| marginTop | Tutkakaavion ylä marginaali | 50 |
| marginBottom | Tutkakaavion ala marginaali | 50 |
| marginLeft | Tutkakaavion vasen marginaali | 50 |
| marginRight | Tutkakaavion oikea marginaali | 50 |
| axisScaleFactor | Koordinaattiakselin skaalauskerroin | 1 |
| axisLabelFactor | Kerroin koordinaattiakselin merkinnän sijainnin säätämiseen | 1.05 |
| curveTension | Pyöristetyn käyrän jännitys | 0.17 |
Teemamuuttuja
Globaali teemamuuttuja
Näiden muuttujien oletusarvot riippuvat käytetystä teemasta. Oletusarvojen ohittamiseksi aseta haluamasi arvot kokoonpanon themeVariables-osiossa: config: themeVariables: cScale0: "#FF0000" cScale1: "#00FF00"
Tutkakaavio tukee väriskaalaa cScale${i}, jossa i on luku 0:sta teeman väriskaalan suurimpaan värilukuun. Yleensä suurin väriluku on 12.
| Ominaisuus | Kuvaus |
|---|---|
| fontSize | Otsikon fonttikoko |
| titleColor | Otsikon väri |
| cScale$ | i:nnen käyrän väriskaala |
Tutkan tyylivaihtoehdot
Tutkan erityiset muuttujat sijaitsevat radar-avaimen sisällä. Asettaaksesi tutkan tyylivaihtoehdot käytä seuraavaa syntaksia. config: themeVariables: radar: axisColor: "#FF0000"
| Ominaisuus | Kuvaus | Oletusarvo |
|---|---|---|
| axisColor | Koordinaattiakselin viivan väri | black |
| axisStrokeWidth | Koordinaattiakselin viivan leveys | 1 |
| axisLabelFontSize | Koordinaattiakselin merkinnän fonttikoko | 12px |
| curveOpacity | Käyrän läpinäkyvyys | 0.7 |
| curveStrokeWidth | Käyrän leveys | 2 |
| graticuleColor | Koordinaattiviivan väri | black |
| graticuleOpacity | Koordinaattiviivan läpinäkyvyys | 0.5 |
| graticuleStrokeWidth | Koordinaattiviivan leveys | 1 |
| legendBoxSize | Seliteboxin koko | 10 |
| legendFontSize | Selitteen fonttikoko | 14px |
Kokoonpano- ja teemaesimerkki
Kopioi
Upotus
---
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}
