Sjabloon:Tabel horizontaal staafdiagram

Sjabloondocumentatie

Doel

Cijfermateriaal visueel omzetten in een horizontaal staafdiagram.

Gebruik

{{Tabel horizontaal staafdiagram
| titel = 
| titlebar = 
| width = 
| barwidth = 
| inhoud =
{{Tabel horizontaal staafdiagram/balk|...|...|...}}
{{Tabel horizontaal staafdiagram/balk|...|...|...}}
...
}}

Balk

Vul op de puntjes achtereenvolgens in de te tonen tekst, de kleurcode/Engelse kleurnaam en het percentage. Dit percentage (zonder %-teken) dient te worden ingevuld met op de plaats van de komma een punt, wat gebruikt om zowel de breedte van de staaf in te stellen als het te tonen percentage (punt wordt omgezet naar komma).

{{Tabel horizontaal staafdiagram/balk|...|...|...}}

Indien er een andere waarde getoond moet worden dan gebruikt als percentage voor de breedte van de balk, kan de te tonen waarde op de vierde puntjes ingevuld worden:

{{Tabel horizontaal staafdiagram/balk|...|...|...|...}}

Er kan ook een breedte in pixels voor de balk opgeven worden, door die achter px in te vullen. Op de vierde puntjes staat dan het percentage (zonder %-teken):

{{Tabel horizontaal staafdiagram/balk|...|...|px=...|...}}

Indien er een breedte in pixels wordt opgegeven en er moet iets anders getoond worden dan een percentage, gebruik dan:

{{Tabel horizontaal staafdiagram/balk|...|...|px=...||...}}

Parameters

width: breedte van het diagram (optioneel)
barwidth: breedte van de staven (optioneel)
float: (left/right/none) (optioneel)
titel: titel van het diagram (optioneel)
titlebar: achtergrondkleur van de titel (optioneel)
left1: eerste kolomtitel van links (optioneel)
left2: tweede kolomtitel van links (optioneel)
right1: titel voor de eerste rij van links (optioneel)
right2: titel voor de tweede rij van links (optioneel)
inhoud: inhoud per staaf (zie onder)
caption: onderschrift (optioneel)

Voorbeelden

{{Tabel horizontaal staafdiagram
| float=right
| caption=Voorbeeld
| width=200px
| bars=
{{Tabel horizontaal staafdiagram/balk|rij 1|red|30}}
{{Tabel horizontaal staafdiagram/balk|rij 2|green|40}}
{{Tabel horizontaal staafdiagram/balk|rij 3|blue|20}}
{{Tabel horizontaal staafdiagram/balk|rij 4|orange|8}}
{{Tabel horizontaal staafdiagram/balk|rij 5|teal|2|1/50}}
}}


rij 1			30%
rij 2			40%
rij 3			20%
rij 4			8%
rij 5			1/50
Voorbeeld