Sjabloon:Tabel verticaal staafdiagram

De sjabloonbeschrijving hieronder wordt niet afgebeeld wanneer de sjabloon wordt geplaatst.

Gebruik

Deze sjabloon toont middels de extensie EasyTimeline een verticaal staafdiagram voor een set van gegevens naar keuze, zoals de bevolkingsontwikkeling van een plaats. Er kunnen hiermee maximaal 30 staafbalken worden getoond, die desgewenst afzonderlijk een eigen kleur kunnen krijgen. De breedte van het staafdiagram en de grote en kleine schaal worden automatisch bepaald, maar kunnen desgewenst worden aangepast.

Een staafdiagram kan al worden ingevoegd met:

{{Tabel verticaal staafdiagram
| titel = 
| periode 1 | waarde 1
| ... | ...
}}

Parameters

In principe zijn alle parameters optioneel. Hieronder staan alle beschikbare parameters:

{{Tabel verticaal staafdiagram
| volledige titel = 
| titel = 
| type = 
| naam = 
| tekst = 
| tekstpositie = 
| positie = 
| hoogte = 
| breedte = 
| balkruimte = 
| schaalhoogte = 
| grote schaal = 
| kleine schaal = 
| kleur = 
| kleur 1 = 
| kleur 2 = 
| ...
| kleur 30 = 
| balktekstpositie = 
| balktekstgrootte = 
| periode 1 | waarde 1
| periode 2 | waarde 2
| ... | ...
| periode 30 | waarde 30
| opmerking = 
}}

Titel

• volledige titel: De volledige titel.
• óf titel: De titel, wordt automatisch aangevuld met de periode: "<titel> tussen <eerste periode> en <laatste periode>".
• óf type en naam: Het type gegevens (bijvoorbeeld 'bevolkingsontwikkeling') en de naam van het onderwerp (standaard de artikelnaam). Hiermee wordt de titel als volgt samengesteld: "Verticaal staafdiagram van <type> van <naam> tussen <eerste periode> en <laatste periode>".

Als geen van bovenstaande parameters ingevuld is, krijgt het staafdiagram geen titel.

• tekst: Een (extra) tekst binnen het vlak van het staafdiagram.
• tekstpositie: De positie van deze extra tekst: x,y in pixels vanaf de linkeronderhoek van de gehele afbeelding. Standaard 55,250.

Lay-out

• positie: De positie van het staafdiagram. Standaard staat het staafdiagram gewoon links (zoals een wikitable), met positie=center wordt het staafdiagram gecentreerd, met positie=left of positie=right wordt het staafdiagram links of rechts zwevend ingevoegd (als een thumb-afbeelding).
• hoogte: De hoogte van het staafdiagram in pixels. Standaard 300.
• breedte: De breedte van het staafdiagram in pixels; wordt standaard automatisch berekend.
• balkruimte (alleen bij een automatisch breedte van het staafdiagram): De ruimte rond de balken. Standaard 35. Bij grote getallen kan er doorloop van de tekst ontstaan; een hogere waarde voor balkruimte zorgt voor meer ruimte rond de balken.
• schaalhoogte: De hoogte van de verticale as. Wordt standaard berekend aan de hand van de ingegeven waarden.
• grote schaal: De afstand tussen de, langs de verticale as gelabelde, schaalstrepen. Wordt standaard berekend aan de hand van de ingegeven waarden.
• kleine schaal: De afstand tussen de lichtere onderverdeling van schaalstrepen. Wordt standaard berekend aan de hand van de ingegeven waarden.
• kleur: De kleur van de balken. Standaard rgb(0.6,0.7,1). Toegestane kleurnamen staan hier.
• kleur 1 t/m kleur 30: De kleur van een afzonderlijke balk (dus i.p.v. de algemene kleur).
• balktekstpositie: Standaard staan de teksten boven de balken. Als deze parameter met een willekeurige waarde wordt ingevuld, wordt de tekst verticaal op de balk gecentreerd.
• balktekstgrootte: De grootte van de teksten boven of op de balken. Standaard S (voor small). Alternatieven, bijvoorbeeld voor grote getallen, zijn (bij voorkeur): XS, M, L of XL.

Overige variabelen

• de naamloze parameters: De gegevens waar het om gaat, als periode-waarde-paren. Bijvoorbeeld: jaar1|waarde1|jaar2|waarde2 etc., tot maximaal 30 waarden.
• opmerking: Een opmerking onder de tabel met informatie over de getoonde gegevens, zoals een legenda of de bron van de gegevens. Let op: De kleurennamen van EasyTimeline (zie hier) zijn niet dezelfde als de kleurennamen die in {{Legenda}} gebruikt kunnen worden (zie lijst van HTML-kleuren). De standaardkleur van de balken, rgb(0.6,0.7,1), komt overeen met de hexadecimale kleur #99B2FF.

Voorbeelden

Voorbeeld 1

In het onderstaande voorbeeld worden de eerste vier staafbalken anders gekleurd.

Verticaal staafdiagram van de oplage van het Dagblad van het Noorden tussen 1996 en 2015
<timeline> Colors= id:a value:gray(0.9) id:b value:gray(0.8) id:c value:rgb(1,1,1) id:d value:powderblue id:text value:rgb(0.5,0.5,0.5) ImageSize = width:auto barincrement:45 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:300000 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:100000 start:0 ScaleMinor = gridcolor:a increment:20000 start:0 BackgroundColors = canvas:c TextData = pos:(250,250) fontsize:M textcolor:text text:De ontwikkeling van de oplage van het Dagblad van het Noorden BarData= bar:1996 text:1996 bar:1997 text:1997 bar:1998 text:1998 bar:2000 text:2000 bar:2002 text:2002 bar:2003 text:2003 bar:2004 text:2004 bar:2005 text:2005 bar:2006 text:2006 bar:2007 text:2007 bar:2008 text:2008 bar:2009 text:2009 bar:2010 text:2010 bar:2011 text:2011 bar:2012 text:2012 bar:2013 text:2013 bar:2014 text:2014 bar:2015 text:2015 PlotData= color:d width:20 align:center fontsize:s bar:1996 from:0 till:236000 color:lightorange bar:1997 from:0 till:203000 color:lightorange bar:1998 from:0 till:193000 color:lightorange bar:2000 from:0 till:186000 color:lightorange bar:2002 from:0 till:176944 bar:2003 from:0 till:171712 bar:2004 from:0 till:167474 bar:2005 from:0 till:161987 bar:2006 from:0 till:156247 bar:2007 from:0 till:152743 bar:2008 from:0 till:147625 bar:2009 from:0 till:141623 bar:2010 from:0 till:137813 bar:2011 from:0 till:130145 bar:2012 from:0 till:123475 bar:2013 from:0 till:115012 bar:2014 from:0 till:107085 bar:2015 from:0 till:96515 zonder parameter 'balktekstpositie': tekst boven balk PlotData= shift:(0,5) bar:1996 at:236000 text:236.000 bar:1997 at:203000 text:203.000 bar:1998 at:193000 text:193.000 bar:2000 at:186000 text:186.000 bar:2002 at:176944 text:176.944 bar:2003 at:171712 text:171.712 bar:2004 at:167474 text:167.474 bar:2005 at:161987 text:161.987 bar:2006 at:156247 text:156.247 bar:2007 at:152743 text:152.743 bar:2008 at:147625 text:147.625 bar:2009 at:141623 text:141.623 bar:2010 at:137813 text:137.813 bar:2011 at:130145 text:130.145 bar:2012 at:123475 text:123.475 bar:2013 at:115012 text:115.012 bar:2014 at:107085 text:107.085 bar:2015 at:96515 text:96.515 </timeline>
██ Dagblad van het Noorden ██ Gezamenlijke oplage Nieuwsblad van het Noorden, Groninger Dagblad en Drentse Courant

{{Tabel verticaal staafdiagram
| type = de oplage
| naam = het Dagblad van het Noorden
| tekst = De ontwikkeling van de oplage van het Dagblad van het Noorden
| tekstpositie = 250,250
| positie = right
| balkruimte = 45
| kleur = powderblue
| kleur 1 = lightorange
| kleur 2 = lightorange
| kleur 3 = lightorange
| kleur 4 = lightorange
| 1996 | 236000
| 1997 | 203000
| 1998 | 193000
| 2000 | 186000
| 2002 | 176944
| 2003 | 171712
| 2004 | 167474
| 2005 | 161987
| 2006 | 156247
| 2007 | 152743
| 2008 | 147625
| 2009 | 141623
| 2010 | 137813
| 2011 | 130145
| 2012 | 123475
| 2013 | 115012
| 2014 | 107085
| 2015 | 96515
| opmerking = 
{{legenda|#9999FF|Dagblad van het Noorden}}
{{legenda|#FFCC99|Gezamenlijke oplage Nieuwsblad van het Noorden, Groninger Dagblad en Drentse Courant}}
}}

Voorbeeld 2

In het onderstaande voorbeeld wordt de titel ingegeven met de parameter titel en wordt de laatste balk anders gekleurd weergegeven. Tevens wordt een grote schaal aangegeven bij elke 50 en een kleine schaal (zonder aanduiding in aantal) bij elke 25. Standaard zou dit 100 resp. 20 zijn (zie ter vergelijking het staafdiagram rechts).

{{Tabel verticaal staafdiagram
| titel = Bevolkingsontwikkeling van Duckstad
| grote schaal = 50
| kleine schaal = 25
| kleur 7 = orange
| 1750|30 | 1800|40 | 1850|60 | 1900|78 | 1950|135 | 2000|154 | 2050|180
| opmerking = 
{{legenda|#99B2FF|Volkstellingen}}
{{legenda|#FF9E23|Geprojecteerd}}
}}

Bevolkingsontwikkeling van Duckstad tussen 1750 en 2050
<timeline> Colors= id:a value:gray(0.9) id:b value:gray(0.8) id:c value:rgb(1,1,1) id:d value:rgb(0.6,0.7,1) id:text value:rgb(0.5,0.5,0.5) ImageSize = width:auto barincrement:35 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:70 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:50 start:0 ScaleMinor = gridcolor:a increment:25 start:0 BackgroundColors = canvas:c BarData= bar:1750 text:1750 bar:1800 text:1800 bar:1850 text:1850 bar:1900 text:1900 bar:1950 text:1950 bar:2000 text:2000 bar:2050 text:2050 PlotData= color:d width:20 align:center fontsize:s bar:1750 from:0 till:30 bar:1800 from:0 till:40 bar:1850 from:0 till:60 bar:1900 from:0 till:78 bar:1950 from:0 till:135 bar:2000 from:0 till:154 bar:2050 from:0 till:180 color:orange zonder parameter 'balktekstpositie': tekst boven balk PlotData= shift:(0,5) bar:1750 at:30 text:30 bar:1800 at:40 text:40 bar:1850 at:60 text:60 bar:1900 at:78 text:78 bar:1950 at:135 text:135 bar:2000 at:154 text:154 bar:2050 at:180 text:180 </timeline>
██ Volkstellingen ██ Geprojecteerd

Bevolkingsontwikkeling van Duckstad tussen 1750 en 2050
<timeline> Colors= id:a value:gray(0.9) id:b value:gray(0.8) id:c value:rgb(1,1,1) id:d value:rgb(0.6,0.7,1) id:text value:rgb(0.5,0.5,0.5) ImageSize = width:auto barincrement:35 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:70 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:10 start:0 ScaleMinor = gridcolor:a increment:2 start:0 BackgroundColors = canvas:c BarData= bar:1750 text:1750 bar:1800 text:1800 bar:1850 text:1850 bar:1900 text:1900 bar:1950 text:1950 bar:2000 text:2000 bar:2050 text:2050 PlotData= color:d width:20 align:center fontsize:s bar:1750 from:0 till:30 bar:1800 from:0 till:40 bar:1850 from:0 till:60 bar:1900 from:0 till:78 bar:1950 from:0 till:135 bar:2000 from:0 till:154 bar:2050 from:0 till:180 color:orange zonder parameter 'balktekstpositie': tekst boven balk PlotData= shift:(0,5) bar:1750 at:30 text:30 bar:1800 at:40 text:40 bar:1850 at:60 text:60 bar:1900 at:78 text:78 bar:1950 at:135 text:135 bar:2000 at:154 text:154 bar:2050 at:180 text:180 </timeline>
██ Volkstellingen ██ Geprojecteerd

Voorbeeld 3

Staafdiagram zonder titel of opmerking, maar wel met een tekst binnen het diagram en met kleine tekst bij de balken. Tekstpositie is hier gewijzigd naar het midden van de balk, en het hele staafdiagram is gecentreerd.

{{Tabel verticaal staafdiagram
| tekst = De ontwikkeling van Amsterdam
| positie = center
| kleur = tan2
| balktekstpositie = ja
| balktekstgrootte = xs
| 1300|1000 | 1400|3000 | 1500|12000 | 1600|60000 | 1700|200000 | 1796|180000 | 1899|510900 | 1999|727000 | 2014|822000
}}

<timeline> Colors= id:a value:gray(0.9) id:b value:gray(0.8) id:c value:rgb(1,1,1) id:d value:tan2 id:text value:rgb(0.5,0.5,0.5) ImageSize = width:auto barincrement:35 height:300 PlotArea = left:50 bottom:30 top:30 right:30 DateFormat = x.y Period = from:0 till:20000 TimeAxis = orientation:vertical AlignBars = late ScaleMajor = gridcolor:b increment:10000 start:0 ScaleMinor = gridcolor:a increment:2000 start:0 BackgroundColors = canvas:c TextData = pos:(55,250) fontsize:M textcolor:text text:De ontwikkeling van Amsterdam BarData= bar:1300 text:1300 bar:1400 text:1400 bar:1500 text:1500 bar:1600 text:1600 bar:1700 text:1700 bar:1796 text:1796 bar:1899 text:1899 bar:1999 text:1999 bar:2014 text:2014 PlotData= color:d width:20 align:center fontsize:xs met parameter 'balktekstpositie': tekst verticaal op balk centreren bar:1300 from:0 till:1000 text:1.000 bar:1400 from:0 till:3000 text:3.000 bar:1500 from:0 till:12000 text:12.000 bar:1600 from:0 till:60000 text:60.000 bar:1700 from:0 till:200000 text:200.000 bar:1796 from:0 till:180000 text:180.000 bar:1899 from:0 till:510900 text:510.900 bar:1999 from:0 till:727000 text:727.000 bar:2014 from:0 till:822000 text:822.000 </timeline>