该模板正在施工中。
请不要使用这个未完成和/或仍不可靠模板。
这个{{饼图}} 图形模板绘制带有最多30个标记扇区(加上可选的“其他”扇区)的饼图。
它是如何工作的
它使用一种技术在CSS中绘制对角线利用元素上设置的边界斜接的因此,可以将一个边框设置为不透明颜色,其他边框完全透明,以形成对角线。可以通过调整两个相邻边界(其中一个不透明)的相对宽度来控制线的角度。
请注意,在传统浏览器Internet Explorer 6中,以标准方式应用透明边框是不起作用的解决方法以CSS类“跨界”,已添加到MediaWiki:Common.css使此模板可用。
饼图切片是按逆时针方向的顺时针顺序绘制的。这些饼图切片的位置是:
- 在a下方200x200px图像在浅色背景上有一个透明的圆(与CSS类“thumbiner”的背景色相同)
- 在具有的容器元素中
溢出:隐藏;
设置
这只允许在页面上看到圆内每个切片的一部分。
中的大多数代码{{饼图/切片}}分为五个部分,前四个部分对应于圆的象限,最后一个部分干净地覆盖一个部分占图表100%的情况。
用法
可以指定多达30个饼图扇区的标签、百分比值(不带%符号)和颜色。
{{饼图|风格=|浮动=|标题=|其他=|标签1=|value1=|color1=|label2=|value2=|color2=(...)|label29=|value29=|color29=|标签30=|value30=|color30=|其他标签=}}
哪里
-
风格
:是包含饼图及其图例的整个框的CSS样式(默认为:
-
float:{{float|{{thumb|right}}}};边距:{{开关:{{float|{{thumb|right}}}}|left=0.5em 1em 0.5em 1em|center=0.5em-auto-0.5em-auto|right=0.5em-1em};
);
-
浮动
或拇指
:左边
,中心
,正确的
或没有人
(指定饼图浮动到页面的哪一侧,默认:正确的
);
-
标题
:是一个文本字符串,出现在饼图下方和图例上方;
-
其他
:如果对
,将在图例中显示“其他”项(用于剩余的饼图扇区);
-
标签1
..标签30
:图例框右侧最多显示30个图例标签(省略图例标签将导致该切片的图例条目不显示);
-
其他标签
:剩余饼图扇区的标签(默认值:其他
);
-
值1
..值30
:最多30个百分比值(不带%符号),最多30个(不包括[可选]“其他”切片)饼图切片(do不是包括百分号)(也请注意,它显示在图例中,紧跟标签后面,没有任何舍入或其他重新格式化);
-
颜色1
..颜色30
:饼图扇区(和相应的图例框)最多30种颜色(不包括[可选]“其他”扇区,以白色显示)(请参见CSS颜色代码或名称). 如果省略,它将默认为:
1 .. 10 |
#0000法国法郎
#法国法郎8800
#FFCC00型
#FFFF00型
#CCFF00型
#00法国法郎
#00英尺/小时
#00A消防
#0000FF(千法国法郎)
#AA00FF型
|
|
11 .. 20 |
#BB0000英镑
#BB4400型
#BB8800型
#BBBB00(BBBB00)
#88BB00(英国广播公司)
#00BB00号
#00BBBB(英国广播公司)
#0088BB(英国)
#0000BB
#8800BB(磅)
|
|
21 .. 30 |
#法国法郎6666
#法国法郎8866
#FFCC66型
#FFFF66型
#CCFF66型
#阿法阿
#88法国法郎
#77A英尺
#7777页
#AA77FF型
|
|
限制
- 模板无法在移动设备上正确呈现。请参见维基百科移动网站上的此页面和维基百科用户对此问题的报告.
- 存在打印方面的小问题。我们还需要为书.
- 这些值需要是百分比。
- IE、Safari和Opera似乎没有抗锯齿边界,所以线条有点参差不齐。
- 切片本身不能贴标签。
- 本质上,无法使用浏览器的“保存图像”功能保存图表副本。
示例
一个(42%) 两个(32%) 三个(12%) 四(3%) 五(2%) 六(1%) 其他(8%)
{{饼图|其他=是|值1=42|label1=一个|值2=32|label2=两个|值3=12|label3=三个|值4=3|label4=四个|值5=2|label5=五|值6=1|label6=六}}
|
截至2001年捷克共和国的宗教。
无神论者和不可知论者(59%) 天主教徒(26.8%) 新教徒(2.5%) 其他(11.7%)
{{饼图|float=左侧|caption=截至2001年捷克共和国的宗教。|其他=是|label1=无神论者和不可知论者|值1=59|color1=银色|label2=天主教徒|值2=26.8|颜色2=#008|label3=新教徒|值3=2.5|颜色3=#08f}}
|
居中饼图
{{饼图|float=中心|caption=百分比。|其他=是|标签1=1%|值1=1|标签2=2%|值2=2|标签3=3%|值3=3|标签4=4%|值4=4|标签5=5%|值5=5|标签6=6%|值6=6|标签7=7%|值7=7|标签8=8%|值8=8|标签9=9%|值9=9|标签10=10%|值10=10|标签11=11%|值11=11|标签12=12%|值12=12}}
百分比。
1% (1%)
2% (2%)
3% (3%)
4% (4%)
5% (5%)
6% (6%)
7% (7%)
8% (8%)
9%(9%)
10% (10%)
11% (11%)
12% (12%)
其他(22%)
另请参见
外部链接