Template:Bar stacked: Difference between revisions
Template page
More actions
Created page with "<includeonly> <tr {{#if:{{{id|}}}|class="mw-collapsible {{#switch:{{{collapsed}}}|yes|y|1=mw-collapsed}}" id="mw-customcollapsible-{{{id}}}"}}> <td {{#if:{{{note1|}}}||colspan="2"}} style="padding-left:0.4em;padding-right:0.4em;text-align:{{#if:{{{align|}}}|{{#switch:{{#invoke:String|pos|{{{align}}}|1}}|l=left|c=center|r=right|d=left}}|left}}">{{#if:1|{{{1|}}}}}</td> {{#if:{{{note1|}}}|<td style="padding-left:0.4em;padding-right:0.4em;text-align:{{#if:{{{align|}}}|{{#swi..." |
(No difference)
|
Latest revision as of 02:13, 19 February 2025
For use with {{Bar box}}. Can display up to five bars stacked on each other.
Usage
{{Bar stacked|1st left label|1st right label|color 1|width 1 (in pixels)|...|color 5|width 5 (in pixels)|note1=2nd left label|note2=2nd right label|title1="tooltip" 1|...|title5="tooltip" 5|align=xxxx(l|c|r|d)|collapsed=(yes|id=collapsible id}}
|titlen=sets the "tooltip" of the respective bar and is viewed when hovered over.|align=sets the text-alignment (left,center,rightordefault) for each column based on the respective initials.
All parameters are optional, but if |id= is not supplied, |collapsed= has no effect. Use a custom toggle as the default toggle will distort the chart.
Examples
{{Bar box
|float=right
|width=300px
|title=
<div class="mw-customtoggle-a mw-customtoggle-b">Toggle all</div>
<div class="mw-customtoggle-b">Toggle last item</div>
|bars=
{{bar stacked|January|(---)|red|3|blue|22|align=ddcd|id=a}}
{{bar stacked|February|+60.3%|red|8|blue|26|green|6|id=a}}
{{bar stacked|March|99|red|11|blue|18|green|8|orange|11|magenta|20|note2=+25%|align=cdrl|id=a}}
{{bar stacked|April|142|red|15|blue|24|green|8|orange|13|magenta|26|note1=foo|note2=+11%|collapsed=yes|id=b}}
}}