Tortni diagram
Tortni diagram je krožni statistični graf, razdeljen na več izsekov za prikaz numeričnih razmerij. V tortnem diagramu je dolžina loka vsakega izseka sorazmerna količini, ki jo predstavlja.
Mermaid lahko upodobi tortni diagram.
Koda
Kopiraj
Vdelava
pie title The most popular pets
"Dogs" : 386
"Cats" : 85
"Rats" : 15
Sintaksa
Risanje tortnega diagrama v Mermaid je zelo preprosto.
showData pomeni upodabljanje dejanskih numeričnih vrednosti za besedilom legende, kar je neobvezno.
- Sledi sintaksa title z njeno vrednostjo niza, ki tortnemu diagramu nastavi naslov, kar je neobvezno.
- Nato sledi nabor podatkov; izseki tortnega diagrama bodo razporejeni v smeri urinega kazalca po vrstnem redu oznak.
label dela tortnega diagrama, ovit v dvojne narekovaje.
Sledi dvopičje : kot ločilo.
Sledi positive numeric value, ki predstavlja konkretno vrednost in podpira največ dve decimalni mesti.
mermaid.grammar_pie_data_option_title_value
Primer
Koda
Kopiraj
Vdelava
---
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
Konfiguracija
Tortni diagram podpira naslednje konfiguracijske parametre:
| Parameter | Opis | Privzeta vrednost |
|---|---|---|
| textPosition | Osni položaj oznak izsekov tortnega diagrama, od 0.0 v sredini do 1.0 na robu kroga. | 0.75 |
| donutHole | Razmerje obročaste luknje. Razpon veljavnih vrednosti je od 0 do 0.9. | 0.1 |
| legendPosition | Položaj legende glede na diagram. Veljavne vrednosti so top, bottom, left, right in center. | top |
| highlightSlice | Označi določen izsek z ujemajočo se oznako; če nastavite na hover, se označi izsek, nad katerim lebdi kazalec. | hover |
