模组:Bar/doc

Module:Bar可以为棒形图产生有色的棒形，应用于较顶层的模板中。

用法

数据系

在调用该模块时，须提供一系列数值。

系列由多组 == 组成，每组有2﹣3个参数：数值、颜色以及可选填的提示信息。

例如：

{{#invoke:bar|format|4,green,完成|2,gray,进行中|4,#FCC,未完成}}

总数

可以指定棒形中有多少个数值。如果指定的数量比实际提供的数量多，模块就会在末端加入相应的空白。例如：

{{#invoke:bar|format|7,green,完成|total=10}}
{{pb}}
{{#invoke:bar|format|4,green,完成|total=10}}
{{pb}}
{{#invoke:bar|format|2,green,完成|total=10}}

宽度

默认宽度设为100%，但可换做任何CSS宽度值。例如：

{{#invoke:bar|format|7,green,完成|width=5em}}
{{pb}}
{{#invoke:bar|format|7,green,完成|width=15em}}

CSS

可用CSS改变棒形外观。例如：

{{#invoke:bar|format|7,green,完成|total=10|width=30em|barCSS=border:1px solid #CCC}}

例子

完成度

{| role="presentation"
|{{#invoke:bar|format|7,green,完成|total=10|width=30em|barCSS=border:1px solid #CCC;}}
|{{#expr:7 / 10 * 100}}%
|}

70%

层叠棒形图

{| class="wikitable"
|+ 支出与收入
|-
| 2011年
| {{#invoke:bar|format|100,red,支出|50,green,收入|total=170|width=30em}}
|-
| 2012年
| {{#invoke:bar|format|75,red,支出|90,green,收入|total=170|width=30em}}
|}

支出与收入

2011年
2012年

分组棒形图

{| class="wikitable"
|+ 支出与收入
|-
| 2011
| {{#invoke:bar|format|150,green,收入|total=160|width=15em}}
{{#invoke:bar|format|100,red,支出|total=160|width=15em}}
|-
| 2012
| {{#invoke:bar|format|160,green,收入|total=160|width=15em}}
{{#invoke:bar|format|75,red,支出|total=160|width=15em}}
|}

支出与收入

2011
2012