Radaro diagramos įvadas
Radaro diagrama – tai paprastas būdas mažų matmenų duomenims apskritu formatu braižyti.
Radaro diagrama taip pat vadinama voratinklio diagrama, žvaigždžių diagrama, tinkline diagrama, poline diagrama.
Taikymas
Radaro diagramos ypač naudingos kūrėjams, duomenų mokslininkams ir inžinieriams, kuriems reikia aiškiai ir glaustai pavaizduoti duomenis apskritu formatu.
Ji paprastai naudojama grafiškai apibendrinti ir palyginti kelių entity rezultatus keliose dimensijose.
Sintaksė
Kopijuoti
Įterpti
radar-beta
axis A, B, C, D, E
curve c1{1,2,3,4,5}
curve c2{5,4,3,2,1}
... More Fields ...
Pavyzdys
Kopijuoti
Įterpti
---
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
Sintaksės detalės
Pavadinimas
title: atvaizduojama radaro diagramos viršuje.
Kopijuoti
Įterpti
radar-beta
title Title of the Radar Diagram
...
Ašis
axis: axis sintaksė naudojama radaro diagramos ašims apibrėžti.
Kiekviena ašis žymima ID ir neprivalomu žymekliu.
Vienoje eilutėje galima apibrėžti kelias ašis.
Kopijuoti
Įterpti
radar-beta
axis id1["Label1"]
axis id2["Label2"], id3["Label3"]
...
Kreivė
curve: curve sintaksė naudojama radaro diagramos kreivių duomenų taškams apibrėžti.
Kiekviena kreivė žymima ID, neprivalomu žymekliu ir reikšmių sąrašu.
Reikšmės gali būti apibrėžtos skaičių sąrašu arba raktų ir reikšmių porų sąrašu. Jei naudojamos raktų ir reikšmių poros, raktas žymi ašies ID, o reikšmė – duomenų tašką.
Vienoje eilutėje galima apibrėžti kelias kreives.
Kopijuoti
Įterpti
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 }
...
Parinktys
- showLegend: showLegend sintaksė naudojama radaro diagramos legendai rodyti arba slėpti; numatytoji – rodyti.
- max: didžiausia radaro diagramos reikšmė, naudojama radaro diagramos mastui nustatyti. Jei nepateikta, didžiausia reikšmė apskaičiuojama pagal duomenų taškus.
- min: mažiausia radaro diagramos reikšmė, naudojama radaro diagramos mastui nustatyti. Jei nepateikta, mažiausia reikšmė yra 0.
- graticule: graticule sintaksė naudojama tinklelio linijų, atvaizduojamų radaro diagramoje, tipui apibrėžti. Tinklelio linijos gali būti circle arba polygon. Jei nepateikta, numatytoji – circle.
- ticks: ticks sintaksė naudojama žymių skaičiui tinklelio linijose apibrėžti. Tai nubraižomų koncentrinių apskritimų arba daugiakampių skaičius, nurodantis radaro diagramos mastelį. Jei nepateikta, numatytasis žymių skaičius yra 5.
Kopijuoti
Įterpti
radar-beta
...
showLegend true
max 100
min 0
graticule circle
ticks 5
...
Konfigūracija
| Parametras | Aprašymas | Numatytoji reikšmė |
|---|---|---|
| width | Radaro diagramos plotis | 600 |
| height | Radaro diagramos aukštis | 600 |
| marginTop | Radaro diagramos viršutinė paraštė | 50 |
| marginBottom | Radaro diagramos apatinė paraštė | 50 |
| marginLeft | Radaro diagramos kairioji paraštė | 50 |
| marginRight | Radaro diagramos dešinioji paraštė | 50 |
| axisScaleFactor | Koordinačių ašies mastelio faktorius | 1 |
| axisLabelFactor | Koordinačių ašies žymeklio vietos koregavimo faktorius | 1.05 |
| curveTension | Apvalintos kreivės įtempimas | 0.17 |
Temos kintamasis
Visuotinis temos kintamasis
Šių kintamųjų numatytosios reikšmės priklauso nuo naudojamos temos. Norėdami pakeisti numatytąsias reikšmes, nustatykite norimas reikšmes konfigūracijos themeVariables dalyje: config: themeVariables: cScale0: "#FF0000" cScale1: "#00FF00"
Radaro diagrama palaiko spalvų skalę cScale${i}, kur i yra skaičius nuo 0 iki didžiausio temos spalvų skalės spalvų skaičiaus. Paprastai didžiausias spalvų skaičius yra 12.
| Savybė | Aprašymas |
|---|---|
| fontSize | Pavadinimo šrifto dydis |
| titleColor | Pavadinimo spalva |
| cScale$ | i-osios kreivės spalvų skalė |
Radaro stiliaus parinktys
Radaro specifiniai kintamieji yra radar rakte. Norėdami nustatyti radaro stiliaus parinktis, naudokite šią sintaksę. config: themeVariables: radar: axisColor: "#FF0000"
| Savybė | Aprašymas | Numatytoji reikšmė |
|---|---|---|
| axisColor | Koordinačių ašies linijos spalva | black |
| axisStrokeWidth | Koordinačių ašies linijos plotis | 1 |
| axisLabelFontSize | Koordinačių ašies žymeklio šrifto dydis | 12px |
| curveOpacity | Kreivės permatomumas | 0.7 |
| curveStrokeWidth | Kreivės plotis | 2 |
| graticuleColor | Tinklelio linijos spalva | black |
| graticuleOpacity | Tinklelio linijos permatomumas | 0.5 |
| graticuleStrokeWidth | Tinklelio linijos plotis | 1 |
| legendBoxSize | Legendos lauko dydis | 10 |
| legendFontSize | Legendos šrifto dydis | 14px |
Konfigūracijos ir temos pavyzdys
Kopijuoti
Įterpti
---
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}
