悬赏，做任务，来
悬赏板做发布悬赏，或者做个赏金猎人吧！
此模板“鬼影233/pie”目前处于测试阶段。
欢迎您协助测试本模板。如果在使用过程中出现问题，你可以在
模板讨论页提出。
简介
本模板用于创建一个简单的饼图。
(ｉ)注意 较低的浏览器兼容性[1]。
(ｉ)注意 请勿将此模板用于命名空间为User或User talk以外的页面
参数
| 参数名 |
输入类型 |
默认值 |
固定单位 |
备注
|
noLegend |
布尔 |
false |
N/A |
不再显示图例，但饼图内的title依旧存在。
|
bgc |
数字 |
0～359（全色相随机） |
deg |
设定整体色相（Hue值），饱和度与明度均设定为随机25%~75%。
|
color |
颜色代码 |
currentColor |
N/A |
设定文字颜色。
|
r |
正数 |
100 |
px |
饼图的半径，过小可能导致部分设备显示出错。
|
offset |
0～1直接的浮点数 |
0 |
null |
设定饼图中第一块（从0度开始的顺时针）的角度，输入为占整体的比例。
|
pie-纯文字 |
0～1直接的浮点数 |
null |
null |
设定饼图中每块（从offset开始的顺时针）的角度，输入为占整体的比例；“纯文字”被用于设定图例文字、title、变量名。
|
示例
{{#forargs:pie-|pieLegend|pieRatio| {{#var:pieLegend}}}}
{{#forargs:pie-|pieLegend|pieRatio|<div title="{{#var:pieLegend}}" style="position:absolute;top:0;left:0;background-color:{{#var:pieBackgroundColor-{{#var:pieLegend}}}};width:200px;height:200px;-webkit-clip-path:path('M 100,100 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 100,100 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');clip-path:path('M 100,100 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 100,100 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');">
{{#vardefine:pieOffset|表达式错误：无法识别标点符号“{”。}}}}{{#forargs:pie-|pieLegend|pieRatio|{{#vardefine:pieBackgroundColor-{{#var:pieLegend}}}}}}{{#vardefine:pieLegend}}{{#vardefine:pieRatio}}{{#vardefine:pieOffset}}
{{#forargs:pie-|pieLegend|pieRatio|{{#vardefine:pieBackgroundColor-{{#var:pieLegend}}|hsl(272deg,63%,63%)}}}}
{{#forargs:pie-|pieLegend|pieRatio|<div title="{{#var:pieLegend}}" style="position:absolute;top:0;left:0;background-color:{{#var:pieBackgroundColor-{{#var:pieLegend}}}};width:200px;height:200px;-webkit-clip-path:path('M 100,100 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 100,100 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');clip-path:path('M 100,100 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 100,100 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');">
{{#vardefine:pieOffset|表达式错误：无法识别标点符号“{”。}}}}{{#forargs:pie-|pieLegend|pieRatio|{{#vardefine:pieBackgroundColor-{{#var:pieLegend}}}}}}{{#vardefine:pieLegend}}{{#vardefine:pieRatio}}{{#vardefine:pieOffset}}
{{#vardefine:userGroupTotal|166}}
{{#forargs:pie-|pieLegend|pieRatio| {{#var:pieLegend}}}}
{{#forargs:pie-|pieLegend|pieRatio|<div title="{{#var:pieLegend}}" style="position:absolute;top:0;left:0;background-color:{{#var:pieBackgroundColor-{{#var:pieLegend}}}};width:100px;height:100px;-webkit-clip-path:path('M 50,50 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 50,50 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');clip-path:path('M 50,50 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 50,50 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');">
{{#vardefine:pieOffset|表达式错误：无法识别标点符号“{”。}}}}{{#forargs:pie-|pieLegend|pieRatio|{{#vardefine:pieBackgroundColor-{{#var:pieLegend}}}}}}{{#vardefine:pieLegend}}{{#vardefine:pieRatio}}{{#vardefine:pieOffset}}
{{#forargs:pie-|pieLegend|pieRatio| {{#var:pieLegend}}}}
{{#forargs:pie-|pieLegend|pieRatio|<div title="{{#var:pieLegend}}" style="position:absolute;top:0;left:0;background-color:{{#var:pieBackgroundColor-{{#var:pieLegend}}}};width:200px;height:200px;-webkit-clip-path:path('M 100,100 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 100,100 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');clip-path:path('M 100,100 L 表达式错误：无法识别标点符号“{”。,表达式错误：无法识别标点符号“{”。 A 100,100 0,表达式错误：无法识别标点符号“{”。,1 表达式错误：无法识别标点符号“{”。 表达式错误：无法识别标点符号“{”。 Z');">
{{#vardefine:pieOffset|表达式错误：无法识别标点符号“{”。}}}}{{#forargs:pie-|pieLegend|pieRatio|{{#vardefine:pieBackgroundColor-{{#var:pieLegend}}}}}}{{#vardefine:pieLegend}}{{#vardefine:pieRatio}}{{#vardefine:pieOffset}}
注释与参见
欢迎光临本页面！
这是鬼影233的用户页之一
QQ：1184560436
☒00
