用法

編輯

製作一個水平的堆疊的圖,最多12項(如果總數超過了12個的總數的話,會加一個灰色的欄)。如果沒有提供總數,則默認為100(用於百分比)。默認情況下,使用彩虹顏色,與保留的項目顏色或重要性的顏色不對應,但是顏色可以自定義。

項目數量可以通過{{PAGESINCATEGORY}}魔術字自動計算,例如{{PAGESINCATEGORY:武漢地鐵|R}}

  • A#變量:數量,應使用純數字。不允許單位。
  • T#變量:可選的標題。如果不需要標題,留下空白。( 或類似內容不起作用。)
  • C#變量:可選的顏色值,必須是有效的CSS顏色。默認為彩虹顏色樣式的進度。
  • Total:可選的總數,任意純數字。不允許單位。默認為100。
  • height:可選的欄高度。必須是CSS長度值(建議單位為px)。默認為10。
  • vertical_caption:如果設為yes/true,會使標籤使用豎直的文本。如果設為lean,會以指定的角度傾斜文本。
  • caption_height:如果標籤是豎直的,其高度將會限制為這個值。必須是CSS長度值,如8em或200px。
模板數據
以下是該模板的模板資料,適用於視覺化編輯器等工具。

Stacked bar模板資料

製作一個水平的堆疊的圖,最多12項(如果總數超過了12個的總數的話,會加一個灰色的欄)。如果沒有提供總數,則默認為100(用於百分比)。默認情況下,使用彩虹顏色,與保留的項目顏色或重要性的顏色不對應,但是顏色可以自定義。 項目數量可以通過{{PAGESINCATEGORY}}魔術字自動計算,例如{{PAGESINCATEGORY:武漢地鐵|R}}。

模板參數

此模板有自訂格式。

參數描述類型狀態
豎直標籤vertical_caption

如果設為yes/true,使標籤使用豎直的文本。

布林值非必填
標籤高度限制caption_height

如果標籤是豎直的,其高度將會限制為這個值。CSS長度值。

預設
8em
字串非必填
欄高度height

各欄的高度,CSS長度值(建議使用px)。

預設
默認為10px;如有需要,可以更細。
字串非必填
總數Total

欄加起來的總數。必須是沒有單位的數字。

預設
默認為100,這個數字可以用作百分比。
數值非必填
文本1T1

此項的標籤

建議
數量1A1

此項的數值(純數字)

數值必填
文本2T2

此項的標籤

建議
數量2A2

此項的數值(純數字)

數值必填
文本3T3

此項的標籤

建議
數量3A3

此項的數值(純數字)

數值建議
文本4T4

此項的標籤

非必填
數量4A4

此項的數值(純數字)

數值非必填
文本5T5

此項的標籤

非必填
數量5A5

此項的數值(純數字)

數值非必填
文本6T6

此項的標籤

非必填
數量6A6

此項的數值(純數字)

數值非必填
文本7T7

此項的標籤

非必填
數量7A7

此項的數值(純數字)

數值非必填
文本8T8

此項的標籤

非必填
數量8A8

此項的數值(純數字)

數值非必填
文本9T9

此項的標籤

非必填
數量9A9

此項的數值(純數字)

數值非必填
文本10T10

此項的標籤

非必填
數量10A10

此項的數值(純數字)

數值非必填
文本11T11

此項的標籤

非必填
數量11A11

此項的數值(純數字)

數值非必填
文本12T12

此項的標籤

非必填
數量12A12

此項的數值(純數字)

數值非必填
顏色1C1

此項的CSS顏色

字串非必填
顏色2C2

此項的CSS顏色

字串非必填
顏色3C3

此項的CSS顏色

字串非必填
顏色4C4

此項的CSS顏色

字串非必填
顏色5C5

此項的CSS顏色

字串非必填
顏色6C6

此項的CSS顏色

字串非必填
顏色7C7

此項的CSS顏色

字串非必填
顏色8C8

此項的CSS顏色

字串非必填
顏色9C9

此項的CSS顏色

字串非必填
顏色10C10

此項的CSS顏色

字串非必填
顏色11C11

此項的CSS顏色

字串非必填
顏色12C12

此項的CSS顏色

字串非必填

示例

編輯
Video game good articles,任意類別
{{Stacked bar|A1=833|T1=視頻遊戲 |A2=33|T2=系列 |A3=94|T3=角色 |A4=99|T4=開發 |A5=71|T5=音樂 |A6=29|T6=媒體 |A7=36|T7=其他|C7=Black |Total=1195}}
注意,欄部分的寬度小於標籤的寬度,因此標籤可能會超出範圍,影響閱讀。最後一部分給定了特定的顏色,剩餘的則為默認。
視頻遊戲
系列
角色
開發
音樂
媒體
其他




Video game good articles,垂直文本
這個更難閱讀,但是允許更窄的分類以適當排版。
{{Stacked bar|vertical_caption=yes|A1=833|T1=視頻遊戲 |A2=33|T2=系列 |A3=94|T3=角色 |A4=99|T4=開發 |A5=71|T5=音樂 |A6=29|T6=媒體 |A7=36|T7=其他|C7=Black |Total=1195}}
視頻遊戲
系列
角色
開發
音樂
媒體
其他




Number of video game articles,按年份,總數超過總和
注意為了避免空間不足,縮寫了部分標籤。注意末尾的灰色區域,作為各分類的總和,小於「總共」的數字。
{{Stacked bar|A1=13|T1=<1970s |A2=5|T2=71 |A3=4|T3=72 |A4=8|T4=73 |A5=7|T5=74 |A6=16|T6=1975 |A7=23|T7=1976 |A8=24|T8=1977 |A9=37|T9=1978 |A10=54|T10=1979 |Total=200}}
<1970s
71
72
73
74
1975
1976
1977
1978
1979



Video game good articles,按年份
注意忽略了部分標籤以避免空間不足
{{Stacked bar|A1=11|T1= |A2=17|T2= |A3=37|T3=<1985 |A4=83|T4=85–89 |A5=129|T5=1990–94 |A6=179|T6=1995–99 |A7=198|T7=2000–04 |A8=221|T8=2005–09 |A9=221|T9=2010–14 |A10=125|T10=2015–19 |A11=9|T11= |Total=1230}}
<1985
85–89
1990–94
1995–99
2000–04
2005–09
2010–14
2015–19



傾斜的標籤(vertical_caption=lean)
傾斜的標籤,欄更細,置於圖片框架內。注意最後標籤的換行。
None
Unknown
Consultants
SUSE
Google
other
companies


{{Stacked bar | height=18px | vertical_caption=lean |T1=[[Intel]]|A1=13.1|C1=#0072c6 |T2=''None''|A2=8.2|C2=#ccc |T3=[[Red Hat]]|A3=7.2|C3=#e00 |T4=[[Linaro]]|A4=5.6|C4=#96c72e |T5=''Unknown''|A5=4.1|C5=#ccc |T6=[[IBM]]|A6=4.1|C6=#1870c0 |T7=''Consultants''|A7=3.3|C7=#ccc |T8=[[Samsung]]|A8=3.2|C8=#004da4 |T9=SUSE|A9=3|C9=#30BA78 |T10=Google|A10=3|C10=#fbbc05 |T11=''other<br/>companies''|A11=45.2|C11=#eee}}[1]

參見

編輯