Sjabloon:Cirkeldiagram

De sjabloonbeschrijving hieronder wordt niet afgebeeld wanneer het sjabloon wordt geplaatst

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

<templatedata> { "params": { "uitlijning": { "label": "Uitlijning", "description": "Laat het cirkeldiagram links of rechts zien. De standaardwaarde is right.", "example": "left", "type": "string", "required": false }, "titel": { "label": "Titel", "description": "De titel die bij het cirkeldiagram gegeven wordt.", "example": "Samenstelling Aardatmosfeer", "type": "string", "required": false }, "overig": { "label": "Overig", "description": "Voeg een sector toe met de resterende waarde. Vul een willekeurige parameterwaarde in om deze sector te tonen.", "example": "ja", "type": "string", "required": false }, "label1": { "label": "Label", "description": "De naam die toegekend wordt aan een sector. De tekst bij deze parameter zal getoond worden in de legenda.", "example": "Zuurstof", "type": "string", "required": false }, "waarde1": { "label": "Waarde", "description": "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.", "example": "20.95", "type": "number", "required": false }, "kleur1": { "label": "Kleur", "description": "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.", "example": "blue", "type": "string", "required": false } }, "description": "Er kunnen maximaal 30 sectoren toegevoegd worden.", "paramOrder": [ "uitlijning", "titel", "overig",

       "label1",
       "waarde1",
       "kleur1"

] } </templatedata>