模块:Bar/doc
![本页使用了标题或全文手工转换](http://images.weserv.nl/?url=//upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Zh_conversion_icon_m.svg/35px-Zh_conversion_icon_m.svg.png)
这是Module:Bar的文档页面
![]() | 此页面是Module:Bar的模块文档。 此页面可能包含了模板的使用说明、分类和其他内容。 |
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 |