模板: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子页面中添加分类。 本模板的子页面。