コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

Template:Bar box/doc

{{bar box}}と{{bar percent}}、{{bar pixel}}、{{bar percent 2}}は横グラフの表を作るテンプレートです。

使用方法

[編集]
{{Bar box
|width   =  表の幅(任意入力)
|barwidth=  バー部分の幅(任意入力、デフォルトは100px)
|float   =  (left|right|none)表の位置(任意入力、デフォルトはnone)
|title   =  表の題名(任意入力)
|titlebar=  表の題名部分の色(任意入力、デフォルトは白)
|left1   =  左部分の最初のヘッダ(任意入力)
|left2   =  左部分の2番目のヘッダ(任意入力)
|right1  =  右部分の最初のヘッダ(任意入力)
|right2  =  右部分の2番目のヘッダ(任意入力)
|bars    =  バー部分の詳細指定(以下参照)
|caption =  表の最下部に表示する左寄せの文章(任意入力)
}}

バー部分の詳細指定

[編集]

横グラフの表には以下2種類のバーの設定が可能です。bars節で指定してください。

  • パーセンテージバー:
{{bar percent|行のラベル|色|値(パーセントで幅が指定されます)|任意で入力するラベル}}

任意で入力するラベルを指定しない場合は「値%」が表示されます。

  • ピクセルバー:
{{bar pixel|行のラベル|色|バーに反映させる値(ピクセルで幅が指定されます)|端数|任意で入力するラベル }}

バーに反映させる値は実際の値から特定の桁で四捨五入した値を指定します。

以下の例は同じ出力結果が出ます。

{{bar pixel|foo|red|12||12,345}}
{{bar pixel|foo|red|12|3,45}}

表示例

[編集]
foo
  
30%
bar
  
40%
baz
  
20%
bla
  
8%
bla
  
1/50
分配の割合
{{bar box
|float=right
|caption=分配の割合
|barwidth=200px
|bars=
{{bar percent|foo|red|30}}
{{bar percent|bar|green|40}}
{{bar percent|baz|blue|20}}
{{bar percent|bla|orange|8}}
{{bar percent|bla|teal|2|1/50}}
}}
原材料の量
原材料の種類 個数
Foobar
  
33,213
Barfoo
  
123,123
Bazbar
  
210,121
Barfoobaz
  
12,854
{{bar box
|title=原材料の量
|titlebar=#DDD
|left1=原材料の種類
|right2=個数
|width=300px
|bars=
{{bar pixel|Foobar|red|33|,213}}
{{bar pixel|Barfoo|green|123|,123}}
{{bar pixel|Bazbar|blue|210|,121}}
{{bar pixel|Barfoobaz|orange|13||12,854}}
|caption=
}}
選挙結果
政党 得票割合 比較
左派 1898
  
33% +9%
1902
  
42%
右派 1898
  
40% -5%
1902
  
35%
中道 1898
  
17% -7%
1902
  
10%
その他 1898
  
10% +3%
1902
  
13%
1902年と1898年の選挙結果の比較
{{bar box
|float=right
|title=選挙結果
|titlebar=#AAF
|left1=政党
|left2=年
|right1=得票割合
|right2=比較
|width=350px
|bars=
{{bar percent 2|左派|1898|silver|33|1902|red|42|+9%}}
{{bar percent 2|右派|1898|silver|40|1902|black|35|-5%}}
{{bar percent 2|中道|1898|silver|17|1902|blue|10|-7%}}
{{bar percent 2|その他|1898|silver|10|1902|gray|13|+3%}}
|caption=1902年と1898年の選挙結果の比較
}}