View source for Template:Brick chart

<includeonly>{{#ifeq:{{{thumb|}}}|center|<div class="center">}}<div class="BrickChartTemplate thumb t{{#switch:{{{thumb|}}}|center|none=none|left=left|#default=right}}" {{#if:{{{style|}}}|style="{{{style|}}}"}}>
<div class="thumbinner" style="width:{{#expr:{{{width|180}}}+2}}px">
<div style="position:relative;
width:{{{width|180}}}px;
height:{{#expr:ceil({{{total|100}}}/{{{stride|10}}})*{{{width|180}}}/{{{stride|10}}}}}px;
overflow:hidden;
background:white;
border:solid 1px silver
">
<div style="width:{{{width|180}}}px;height:{{{width|180}}}px;font-size:{{#expr:{{{width|180}}}/{{{stride|10}}}}}px;text-align:left">
{{#if:{{{value1|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = 0
  | count = ({{{value1|0}}}) / {{{brick_size|1}}}
  | color = {{{color1|red}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value2|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ({{{value1|0}}}) / {{{brick_size|1}}}
  | count = ( {{{value2}}} ) / {{{brick_size|1}}}
  | color = {{{color2|green}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value3|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ({{{value1|0}}}+{{{value2|0}}} ) / {{{brick_size|1}}}
  | count = ( {{{value3}}} ) / {{{brick_size|1}}}
  | color = {{{color3|blue}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value4|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ({{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}} ) / {{{brick_size|1}}}
  | count = ( {{{value4}}} ) / {{{brick_size|1}}}
  | color = {{{color4|yellow}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value5|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ({{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}}+{{{value4|0}}} ) / {{{brick_size|1}}}
  | count = ( {{{value5}}} ) / {{{brick_size|1}}}
  | color = {{{color5|magenta}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value6|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ({{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}}+{{{value4|0}}}+{{{value5|0}}} ) / {{{brick_size|1}}}
  | count = ( {{{value6}}} ) / {{{brick_size|1}}}
  | color = {{{color6|cyan}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value7|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ({{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}}+{{{value4|0}}}+{{{value5|0}}}+{{{value6|0}}} ) / {{{brick_size|1}}}
  | count = ( {{{value7}}} ) / {{{brick_size|1}}}
  | color = {{{color7|brown}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value8|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ( {{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}}+{{{value4|0}}}+{{{value5|0}}}+{{{value6|0}}}+{{{value7|0}}} ) / {{{brick_size|1}}}
  | count = ( {{{value8}}} ) / {{{brick_size|1}}}
  | color = {{{color8|orange}}}
  | stride = {{{stride|10}}}
  }}
}}{{#if:{{{value9|}}}
| {{Brick chart/{{{style|Bricks}}}
  | offset = ({{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}}+{{{value4|0}}}+{{{value5|0}}}+{{{value6|0}}}+{{{value7|0}}}+{{{value8|0}}} ) / {{{brick_size|1}}}
  | count = ( {{{value9}}} ) / {{{brick_size|1}}}
  | color = {{{color9|purple}}}
  | stride = {{{stride|10}}}
  }}
}}
</div>
</div>
<div class="thumbcaption" {{#ifeq:{{{thumb|}}}|center|style="text-align:left"}}>
{{{caption|}}}
<div style="margin:{{{legend_margin|3px 0 0 10px}}};">
{{#if:{{{value1|}}}|{{legend|{{{color1|red}}}|{{{label1|}}}     - {{{value1}}} {{{unit|%}}}}}
}}{{#if:{{{value2|}}}|{{legend|{{{color2|green}}}|{{{label2|}}}   - {{{value2}}} {{{unit|%}}}}}
}}{{#if:{{{value3|}}}|{{legend|{{{color3|blue}}}|{{{label3|}}}    - {{{value3}}} {{{unit|%}}}}}
}}{{#if:{{{value4|}}}|{{legend|{{{color4|yellow}}}|{{{label4|}}}  - {{{value4}}} {{{unit|%}}}}}
}}{{#if:{{{value5|}}}|{{legend|{{{color5|magenta}}}|{{{label5|}}} - {{{value5}}} {{{unit|%}}}}}
}}{{#if:{{{value6|}}}|{{legend|{{{color6|cyan}}}|{{{label6|}}}    - {{{value6}}} {{{unit|%}}}}}
}}{{#if:{{{value7|}}}|{{legend|{{{color7|brown}}}|{{{label7|}}}   - {{{value7}}} {{{unit|%}}}}}
}}{{#if:{{{value8|}}}|{{legend|{{{color8|orange}}}|{{{label8|}}}  - {{{value8}}} {{{unit|%}}}}}
}}{{#if:{{{value9|}}}|{{legend|{{{color9|purple}}}|{{{label9|}}}  - {{{value9}}} {{{unit|%}}}}}
}}{{#ifexpr:({{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}}+{{{value4|0}}}+{{{value5|0}}}+{{{value6|0}}}+{{{value7|0}}}+{{{value8|0}}}+{{{value9|0}}})<{{{total|100}}}|{{legend|white|outline=silver|{{{other|Other}}} - {{#expr:{{{total|100}}}-({{{value1|0}}}+{{{value2|0}}}+{{{value3|0}}}+{{{value4|0}}}+{{{value5|0}}}+{{{value6|0}}}+{{{value7|0}}}+{{{value8|0}}}+{{{value9|0}}})}} {{{unit|%}}}}}}}
</div><!--end div margin-->
</div>
</div>
</div>{{#ifeq:{{{thumb|}}}|center|</div>}}</includeonly><noinclude>
{{Documentation}}
</noinclude>