Skritulinė diagrama
Skritulinė diagrama – tai apskrita statistinė grafika, padalyta į kelis sektorius skaitinėms proporcijoms parodyti. Skritulinėje diagramoje kiekvieno sektoriaus lanko ilgis yra proporcingas jo atstovaujamam kiekiui.
Mermaid gali atvaizduoti skritulinę diagramą.
Kodas
Kopijuoti
Įterpti
pie title The most popular pets
"Dogs" : 386
"Cats" : 85
"Rats" : 15
Sintaksė
Skritulinės diagramos braižymas Mermaid aplinkoje yra labai paprastas.
showData reiškia, kad po legendos teksto atvaizduojama tikroji skaitinė reikšmė; tai neprivaloma.
- Po to eina title sintaksė ir jos eilutės reikšmė, nustatanti skritulinės diagramos pavadinimą; tai neprivaloma.
- Toliau pateikiamas duomenų rinkinys; skritulinės diagramos sektoriai išdėstomi pagal žymeklių eilę pagal laikrodžio rodyklę.
Skritulinės diagramos dalies label, apgaubtas dvigubomis kabutėmis.
Po jo eina dvitaškis : kaip skyriklis.
Po to eina positive numeric value, reiškianti konkrečią reikšmę, palaikanti iki dviejų skaičių po kablelio.
mermaid.grammar_pie_data_option_title_value
Pavyzdys
Kodas
Kopijuoti
Įterpti
---
config:
pie:
textPosition: 0.5
themeVariables:
pieOuterStrokeWidth: "5px"
---
pie showData
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
Konfigūracija
Skritulinė diagrama palaiko šiuos konfigūracijos parametrus:
| Parametras | Aprašymas | Numatytoji reikšmė |
|---|---|---|
| textPosition | Skritulinės diagramos sektorių žymeklių ašinė padėtis nuo 0.0 centre iki 1.0 apskritimo krašte. | 0.75 |
| donutHole | Žiedo angos santykis. Galiojančių reikšmių diapazonas yra nuo 0 iki 0.9. | 0.1 |
| legendPosition | Legendos padėtis diagramos atžvilgiu. Galiojančios reikšmės: top, bottom, left, right ir center. | top |
| highlightSlice | Paryškinamas konkretus sektorius su atitinkančiu žymekliu; nustačius hover paryškinamas sektorius, ant kurio užvestas pelės žymeklis. | hover |
