Template:Bar box: Difference between revisions
Jump to navigation
Jump to search
old>Garimidia m (1 revision from wikipedia:Template:Bar box) |
en>Primefac m (Changed protection level for "Template:Bar box": high-risk template with 2000+ transclusions ([Edit=Require template editor access] (indefinite) [Move=Require template editor access] (indefinite))) |
||
Line 1: | Line 1: | ||
<div class="barbox {{#switch: {{{float|}}} | left = tleft | right = tright }}" style="border: | {{#switch: {{{float|}}} | left |right=|#default=<table style="margin:{{#ifeq:{{{float|}}}|center|0 auto|0}}; border:none;"><tr><td style="border:none; padding:0;">}}<div class="barbox {{#switch: {{{float|}}} | left = tleft | right = tright|center|none=tnone}}" style="overflow-x: auto;{{{style|}}}"> | ||
<table style="border-collapse:collapse; width:100%;"> | <div style="border:{{{border_width|1}}}px solid silver; font-size:88%; padding:0.4em; width:{{{width|auto}}}; background: {{{background-color|white}}};"> | ||
<table style="text-align:left; border-collapse:collapse; width:100%;"> | |||
{{#if:{{{title|}}}| | {{#if:{{{title|}}}| | ||
<tr style="background:{{{titlebar|none}}}"><th colspan="5">{{{title}}}</th></tr> | <tr style="background:{{{titlebar|none}}}"><th style="text-align:center;" colspan="5">{{{title}}}</th></tr> | ||
}} | }} | ||
<tr style="font-size:88%; height:4px;"> | <tr style="font-size:88%; height:4px;"> | ||
<td style="padding:0 4px;">{{{left1|}}}</td> | <td style="padding:0 4px; text-align:left;">{{{left1|}}}</td> | ||
<td style="padding:0 4px; text-align:right;">{{{left2|}}}</td> | <td style="padding:0 4px; text-align:right;">{{{left2|}}}</td> | ||
<td style="width:{{{barwidth|100px}}};"> | <td style="width:{{{barwidth|100px}}}; text-align:left;"></td> | ||
<td style="padding:0 4px; width: | <td style="padding:0 4px; width:1em; text-align:right;">{{{right1|}}}</td> | ||
<td style="padding:0 4px; text-align:right;">{{{right2|}}}</td> | <td style="padding:0 4px; text-align:right;">{{{right2|}}}</td> | ||
</tr> | |||
{{{bars|}}} | {{{bars|}}} | ||
{{#if:{{{caption|}}}| | {{#if:{{{caption|}}}| | ||
<tr><td colspan="5" style="padding: | <tr><td colspan="5" style="padding:5px; text-align:left;">{{{caption}}}</td></tr> | ||
}} | }} | ||
</table> | </table> | ||
</div><noinclude> | </div> | ||
</div>{{#switch: {{{float|}}} | left |right=|#default=</td></tr></table>}}{{#switch: {{{float|}}} | left = | right = | #default=[[Category:Pages using bar box without float left or float right|{{#switch:{{{width|auto}}}|auto|=Ω|#default=}}{{PAGENAME}}]]}}<noinclude> | |||
{{documentation}} | {{documentation}} | ||
</noinclude> | </noinclude> |
Revision as of 17:02, 23 February 2018
This 'Bar box' template documentation is transcluded for all Bar box/doc including templates [edit].Masterpage
{{bar box}}
, {{bar percent}}
and {{bar pixel}}
are a family of templates for construction of horizontal bar charts.
Usage
{{Bar box |width = width of the graph (optional) |barwidth= width of the bararea (optional, defaults to 100px) |float = (left|right|none) (optional, defaults to none) |title = title of the chart (optional) |titlebar= title bar colour (optional, defaults to none) |left1 = first left column header (optional) |left2 = second left column header (optional) |right1 = first right column header (optional) |right2 = second right column header (optional) |bars = chart contents(see below) |caption = caption under the chart (optional)} }}
Chart contents
Bar box can contain any number of bars. There are two types of bars:
- Percentage bar:
{{bar percent|row label|colour|value (width in percents)|optional value label}}
If value label is not provided, it is constructed from the percentage and "%".
- Pixel bar:
{{bar pixel|row label|colour|value (width in pixels)|value suffix|optional value label}}
If value label is provided, value suffix is ignored. Otherwise, the value label is constructed from the value and the value suffix. This is used as shorthand. Both following examples give identical results:
{{bar pixel|foo|red|12||12,345}} {{bar pixel|foo|red|12|,345}}
Examples
{{bar box |float=right |caption=distribution of stuff |width=200px |bars= {{bar percent|foo|red|30}} {{bar percent|bar|green|40}} {{bar percent|baz|blue|20}} {{bar percent|bla|orange|8}} {{bar percent|bla|teal|2|1/50}} }}
{{bar box |title=Quantity of stuff |titlebar=#DDD |left1=kinds of stuff |right2=pcs. |width=400px |bars= {{bar pixel|Foobar|red|33|,213}} {{bar pixel|Barfoo|green|123|,123}} {{bar pixel|Bazbar|blue|210|,121}} {{bar pixel|Barfoobaz|orange|13||12,854}} |caption=Some stuff displayed by quantity. }}
{{bar box |float=right |title=Election results |titlebar=#AAF |left1=party |left2=year |right1=votes |right2=change |width=300px |bars= {{bar percent 2|Left|1898|silver|33|1902|red|42|+9%}} {{bar percent 2|Right|1898|silver|40|1902|black|35|-5%}} {{bar percent 2|Middle|1898|silver|17|1902|blue|10|-7%}} {{bar percent 2|Other|1898|silver|10|1902|gray|13|+3%}} |caption=1902 and 1898 election results in Freedonia compared. }}
Tracking category
See also
- {{Vertical bar chart}}
- {{bar chart}}
- WP:Graphs