跳转到内容

Template:Stacked bar/doc

本页使用了标题或全文手工转换
维基百科,自由的百科全书

用法

制作一个水平的堆叠的图,最多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]

参见