https://arolstar52-zhtest.hf.space/index.php?action=history&feed=atom&title=Module%3ABar%2Fdoc
Module:Bar/doc - 版本历史
2026-06-25T04:37:15Z
在这个wiki上该页的修订历史
MediaWiki 1.43.8
https://arolstar52-zhtest.hf.space/index.php?title=Module:Bar/doc&diff=2131449&oldid=prev
imported>SolidBlock 来自 2023年9月6日 (三) 03:59
2023-09-06T03:59:01Z
<p></p>
<p><b>新页面</b></p><div>{{NoteTA|G1=MediaWiki}}<br />
{{documentation subpage}}<br />
'''Module:Bar'''可以為棒形圖產生有色的棒形，應用於較頂層的模板中。<br />
<br />
==用法==<br />
===數據系===<br />
在調用該模塊時，須提供一系列數值。<br />
<br />
系列由多組 == 組成，每組有2﹣3個參數：數值、顏色以及可選填的提示信息。<br />
<br />
例如：<br />
<br />
<pre>-{}-<br />
{{#invoke:bar|format|4,green,完成|2,gray,進行中|4,#FCC,未完成}}<br />
</pre><br />
{{#invoke:bar|format|4,green,完成|2,gray,進行中|4,#FCC,未完成|width=30em}}<br />
<br />
===總數===<br />
可以指定棒形中有多少個數值。如果指定的數量比實際提供的數量多，模塊就會在末端加入相應的空白。例如：<br />
<br />
<pre>-{}-<br />
{{#invoke:bar|format|7,green,完成|total=10}}<br />
{{pb}}<br />
{{#invoke:bar|format|4,green,完成|total=10}}<br />
{{pb}}<br />
{{#invoke:bar|format|2,green,完成|total=10}}<br />
</pre><br />
{{#invoke:bar|format|7,green,done|total=10}}<br />
{{pb}}<br />
{{#invoke:bar|format|4,green,done|total=10}}<br />
{{pb}}<br />
{{#invoke:bar|format|2,green,done|total=10}}<br />
<br />
===寬度===<br />
默認寬度設為100%，但可換做任何CSS寬度值。例如：<br />
<br />
<pre>-{}-<br />
{{#invoke:bar|format|7,green,完成|width=5em}}<br />
{{pb}}<br />
{{#invoke:bar|format|7,green,完成|width=15em}}<br />
</pre><br />
{{#invoke:bar|format|7,green,完成|width=5em}}<br />
{{pb}}<br />
{{#invoke:bar|format|7,green,完成|width=15em}}<br />
<br />
===CSS===<br />
可用CSS改變棒形外觀。例如：<br />
<pre>-{}-<br />
{{#invoke:bar|format|7,green,完成|total=10|width=30em|barCSS=border:1px solid #CCC}}<br />
</pre><br />
{{#invoke:bar|format|7,green,完成|total=10|width=30em|barCSS=border:1px solid #CCC}}<br />
<br />
==例子==<br />
===完成度===<br />
<pre>-{}-<br />
{| role="presentation"<br />
|{{#invoke:bar|format|7,green,完成|total=10|width=30em|barCSS=border:1px solid #CCC;}}<br />
|{{#expr:7 / 10 * 100}}%<br />
|}<br />
</pre><br />
{| role="presentation"<br />
|{{#invoke:bar|format|7,green,完成|total=10|width=30em|barCSS=border:1px solid #CCC;}}<br />
|{{#expr:7 / 10 * 100}}%<br />
|}<br />
<br />
===層疊棒形圖===<br />
<pre>-{}-<br />
{| class="wikitable"<br />
|+ 支出與收入<br />
|-<br />
| 2011年<br />
| {{#invoke:bar|format|100,red,支出|50,green,收入|total=170|width=30em}}<br />
|-<br />
| 2012年<br />
| {{#invoke:bar|format|75,red,支出|90,green,收入|total=170|width=30em}}<br />
|}<br />
</pre><br />
{| class="wikitable"<br />
|+ 支出與收入<br />
|-<br />
| 2011年<br />
| {{#invoke:bar|format|100,red,支出|50,green,收入|total=170|width=30em}}<br />
|-<br />
| 2012年<br />
| {{#invoke:bar|format|75,red,支出|90,green,收入|total=170|width=30em}}<br />
|}<br />
<br />
===分組棒形圖===<br />
<pre>-{}-<br />
{| class="wikitable"<br />
|+ 支出與收入<br />
|-<br />
| 2011<br />
| {{#invoke:bar|format|150,green,收入|total=160|width=15em}}<br />
{{#invoke:bar|format|100,red,支出|total=160|width=15em}}<br />
|-<br />
| 2012<br />
| {{#invoke:bar|format|160,green,收入|total=160|width=15em}}<br />
{{#invoke:bar|format|75,red,支出|total=160|width=15em}}<br />
|}<br />
</pre><br />
{| class="wikitable"<br />
|+ 支出與收入<br />
|-<br />
| 2011<br />
| {{#invoke:bar|format|150,green,收入|total=160|width=15em}}<br />
{{#invoke:bar|format|100,red,支出|total=160|width=15em}}<br />
|-<br />
| 2012<br />
| {{#invoke:bar|format|160,green,收入|total=160|width=15em}}<br />
{{#invoke:bar|format|75,red,支出|total=160|width=15em}}<br />
|}</div>
imported>SolidBlock