模板:Stacked bar

模板文件[檢視] [編輯] [歷史] [清除快取]

用法

製作一個水平的堆疊的圖，最多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，這個數字可以用作百分比。 數值 非必填 文本1 T1 此項的標籤 行 建議 數量1 A1 此項的數值（純數字） 數值 必填 文本2 T2 此項的標籤 行 建議 數量2 A2 此項的數值（純數字） 數值 必填 文本3 T3 此項的標籤 行 建議 數量3 A3 此項的數值（純數字） 數值 建議 文本4 T4 此項的標籤 行 非必填 數量4 A4 此項的數值（純數字） 數值 非必填 文本5 T5 此項的標籤 行 非必填 數量5 A5 此項的數值（純數字） 數值 非必填 文本6 T6 此項的標籤 行 非必填 數量6 A6 此項的數值（純數字） 數值 非必填 文本7 T7 此項的標籤 行 非必填 數量7 A7 此項的數值（純數字） 數值 非必填 文本8 T8 此項的標籤 行 非必填 數量8 A8 此項的數值（純數字） 數值 非必填 文本9 T9 此項的標籤 行 非必填 數量9 A9 此項的數值（純數字） 數值 非必填 文本10 T10 此項的標籤 行 非必填 數量10 A10 此項的數值（純數字） 數值 非必填 文本11 T11 此項的標籤 行 非必填 數量11 A11 此項的數值（純數字） 數值 非必填 文本12 T12 此項的標籤 行 非必填 數量12 A12 此項的數值（純數字） 數值 非必填 顏色1 C1 此項的CSS顏色 字串 非必填 顏色2 C2 此項的CSS顏色 字串 非必填 顏色3 C3 此項的CSS顏色 字串 非必填 顏色4 C4 此項的CSS顏色 字串 非必填 顏色5 C5 此項的CSS顏色 字串 非必填 顏色6 C6 此項的CSS顏色 字串 非必填 顏色7 C7 此項的CSS顏色 字串 非必填 顏色8 C8 此項的CSS顏色 字串 非必填 顏色9 C9 此項的CSS顏色 字串 非必填 顏色10 C10 此項的CSS顏色 字串 非必填 顏色11 C11 此項的CSS顏色 字串 非必填 顏色12 C12 此項的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）

傾斜的標籤，欄更細，置於圖片框架內。注意最後標籤的換行。

Intel

None

Red Hat

Linaro

Unknown

IBM

Consultants

Samsung

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]

參見

• {{Progression rainbow}}：沒有用於標籤的選項，且總是使用專案類顏色。

上述文件嵌入自Template:Stacked bar/doc。 (編輯 | 歷史)
編者可以在本模板的沙盒 (建立 | 鏡像)和測試樣例 (建立)頁面進行實驗。
請在/doc子頁面中添加分類。 本模板的子頁面。