Mall:TocrightThis template draws a "bar" with a 1-pixel gray border for use in a bar chart.
By default the bar is colored light gray and has an internal width and height of 20 pixels.
{{Stapeldiagram2/stapel}}
|
|
Color
A parameter called color specifies the color of the bar.
{{Stapeldiagram2/stapel|color=powderblue}}
|
|
{{Stapeldiagram2/stapel|color=#B0E0E6}}
|
|
By combining colors with labels (see below), you can easily produce a color key. For example,
{{Stapeldiagram2/stapel|color=red |name=California}}
{{Stapeldiagram2/stapel|color=blue |name=Florida }}
{{Stapeldiagram2/stapel|color=yellow|name=Oregon }}
{{Stapeldiagram2/stapel|color=green |name=Missouri }}
|
|
Height or Width
A parameter called height specifies the internal height of the bar in a vertical bar chart.
{{Stapeldiagram2/stapel
| color = green
| height = 60
}}
|
|
A parameter called width specifies the width of the bar in a horizontal bar chart.
{{Stapeldiagram2/stapel
| color = yellow
| width = 60
}}
|
|
Height and width cannot be used together. However, if bars of a different width are desired in a vertical bar chart, or bars of a different height are desired in a horizontal bar chart, a parameter called size can be used.
{{Stapeldiagram2/stapel
| color = orange
| height = 80
| size = 4
}}
|
|
{{Stapeldiagram2/stapel
| color = red
| width = 80
| size = 4
}}
|
|
Stacking
Bars can be "stacked," in vertical or horizontal charts, simply by listing them consecutively.
{{Stapeldiagram2/stapel|height=50|color=red}}
{{Stapeldiagram2/stapel|height=30|color=green}}
{{Stapeldiagram2/stapel|height=40|color=blue}}
|
|
|
{{Stapeldiagram2/stapel|width=50|color=red}}
{{Stapeldiagram2/stapel|width=30|color=green}}
{{Stapeldiagram2/stapel|width=40|color=blue}}
|
|
|
Labels
Labels can be applied to bars using the parameters label and/or value and/or name.
Label
A label is applied below the bar.
{{Stapeldiagram2/stapel
| label = Oranges
| height = 80
}}
|
|
{{Stapeldiagram2/stapel
| label = Apples
| width = 80
}}
|
|
Value
A value is a label with a smaller font-size and that might be used to display a number that is represented by the bar.
This so-called value of the bar is displayed above the bar in a vertical bar chart, and to the right of the bar in a horizontal bar chart.
{{Stapeldiagram2/stapel
| height = 80
| label = Oranges
| value = 80,000
}}
|
|
{{Stapeldiagram2/stapel
| width = 80
| label = Apples
| value = 80,000
}}
|
|
The value does not have to be a number.
However, for the sake of simplicity in a vertical bar chart (only), the height can be omitted if a numerical value is provided.
{|
|- style="vertical-align:bottom;"
| {{Stapeldiagram2/stapel | value = 80}}
| {{Stapeldiagram2/stapel | value = 23}}
| {{Stapeldiagram2/stapel | value = 42}}
| {{Stapeldiagram2/stapel | value = 13}}
| {{Stapeldiagram2/stapel | value = 66}}
|}
|
|
Name
A name is the final type of label that is available. Just like a value, it has a smaller font-size and might be used to display a number represented by the bar.
The only difference is its placement. The name, if any, is displayed to the right of the bar in a vertical bar chart, and above the bar in a horizontal bar chart.
{{Stapeldiagram2/stapel
| height = 80
| name = 80,000
}}
|
|
{{Stapeldiagram2/stapel
| width = 80
| name = 80,000
}}
|
|
A name, instead of a label, may be useful when stacking bars.
'''Apples'''
{{Stapeldiagram2/stapel
| height = 50
| color = red
| name = Florida
}}
{{Stapeldiagram2/stapel
| height = 80
| color = green
| name = California
}}
{{Stapeldiagram2/stapel
| height = 40
| color = blue
| name = Oregon
}}
|
Apples
|
|
But a stacked color key is usually better. (Notice how in the main stack only the bottom bar is given a label.)
{|
|- style="vertical-align:top;"
|<!-----------------------
-- stack of bars --
------------------------->
{{Stapeldiagram2/stapel|height=50|color=red }}
{{Stapeldiagram2/stapel|height=80|color=green }}
{{Stapeldiagram2/stapel|height=40|color=blue|label='''Apples'''}}
|<!----------------------
-- color key --
------------------------>
{{Stapeldiagram2/stapel|color=red |name=Florida }}
{{Stapeldiagram2/stapel|color=green |name=California}}
{{Stapeldiagram2/stapel|color=blue |name=Oregon }}
|}
|
|
|
Titles
By default, the color of a bar is displayed as text when the cursor is pointed at the bar. This is helpful to persons with color blindness.
However, you can override the default and provide even more helpful information by specifying a "title" for the bar.
{{Stapeldiagram2/stapel| width = 50| color = red | name = Florida | title = 50}}
{{Stapeldiagram2/stapel| width = 80| color = green | name = California| title = 80}}
{{Stapeldiagram2/stapel| width = 40| color = blue | name = Oregon | title = 40}}
|
|
This may be especially handy in a color key, to display totals, for example.
{{Stapeldiagram2/stapel|color=red |name=Florida | title = 5000}}
{{Stapeldiagram2/stapel|color=green |name=California| title = 8000}}
{{Stapeldiagram2/stapel|color=blue |name=Oregon | title = 4000}}
|
|
Alternatively, a title can be appended parenthetically to a name by setting a parameter called detailed.
If you are creating a template, such as Data bars, this adds some flexibility by allowing you to use the title parameter to display more detailed information about a bar right on the page while leaving the default as it was.
{{Stapeldiagram2/stapel|color=red |name=Florida | title = 7000| detailed=true}}
{{Stapeldiagram2/stapel|color=green |name=California| title = 8000| detailed=true}}
{{Stapeldiagram2/stapel|color=blue |name=Oregon | title = 6000| detailed=true}}
|
|
