Naar inhoud springen

Sjabloon:Cirkeldiagram

Uit Wikipedia, de vrije encyclopedie
Sjabloondocumentatie​

Doel

Toon een cirkeldiagram waarvan de sectoren waarden in percentages weergeven, tot een totaal van 100%.

Gebruik

Kopieer en plak met de juiste invulling van de velden.

{{Cirkeldiagram
| uitlijning = 
| titel      = 
| overig     = 

| label1     = 
| waarde1    = 
| kleur1     = 

| label2     = 
| waarde2    = 
| kleur2     = 

(...)

| label30    = 
| waarde30   = 
| kleur30    = 
}}

Voorbeeld

Herkomst stikstofverbindingen Nederland 2019

 Landbouw (45%)
 Vanuit buitenland (31%)
 Huishoudens (6,4%)
 Wegverkeer (6,4%)
 Overig (scheepvaart, industrie, etc.) (11,2%)
{{Cirkeldiagram
| titel      = Herkomst stikstofverbindingen Nederland 2019
| label1     = Landbouw
| waarde1    = 45
| kleur1     = #800000
| label2     = Vanuit buitenland
| waarde2    = 31
| kleur2     = #8b4513
| label3     = Huishoudens
| waarde3    = 6.4
| kleur3     = #daa520
| label4     = Wegverkeer
| waarde4    = 6.4
| kleur4     = #d2b48c
| label5     = Overig (scheepvaart, industrie, etc.)
| waarde5    = 11.2
| kleur5     = #ffdead
}}

Voor het berekenen van waarden voor mooie kleurovergangen kan deze JSFiddle gebruikt worden. De resultaten worden gegeven in RGB en moeten omgerekend worden naar hexadecimaal. Zie HTML Color Codes Chart voor suggesties in zowel HTML-kleuren als in hexadecimaal.

Parameters

Er kunnen maximaal 30 sectoren toegevoegd worden.

Sjabloonparameters[Sjabloongegevens bewerken]

ParameterBeschrijvingTypeStatus
Uitlijninguitlijning

Laat het cirkeldiagram links of rechts zien. De standaardwaarde is right.

Voorbeeld
left
Tekenreeksoptioneel
Titeltitel

De titel die bij het cirkeldiagram gegeven wordt.

Voorbeeld
Samenstelling Aardatmosfeer
Tekenreeksoptioneel
Overigoverig

Voeg een sector toe met de resterende waarde. Vul een willekeurige parameterwaarde in om deze sector te tonen.

Voorbeeld
ja
Tekenreeksoptioneel
Labellabel1

De naam die toegekend wordt aan een sector. De tekst bij deze parameter zal getoond worden in de legenda.

Voorbeeld
Zuurstof
Tekenreeksoptioneel
Waardewaarde1

Het percentage dat door de sector vertegenwoordigd wordt. De waarde bij deze parameter zal getoond worden in de legenda. Als decimaalteken wordt de punt (.) gebruikt.

Voorbeeld
20.95
Getaloptioneel
Kleurkleur1

De kleur van de sector. Dit mag zowel een hexadecimale waarde als een HTML-kleur zijn. Als deze parameter weggelaten wordt, zullen er standaardkleuren gebruikt worden.

Voorbeeld
blue
Tekenreeksoptioneel