xCharts 圆环图 opts.extra.ring
以下是在 xCharts 中配置圆环图 opts.extra.ring
的属性列表:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
ringWidth | Number | 30 | 圆环的宽度 |
centerColor | Color | #FFFFFF | 中间填充圆形的颜色 |
activeOpacity | Number | 0.5 | 启用 Tooltip 点击时,突出部分的透明度 |
activeRadius | Number | 10 | 启用 Tooltip 点击时,突出部分的宽度(最大值不得超过 labelWidth) |
offsetAngle | Number | 0 | 起始角度偏移度数,顺时针方向,起点为3点钟位置为0度(比如要设置起点为12点钟位置,即逆时针偏移90度,传入-90即可) |
customRadius | Number | 0 | 自定义半径(一般不需要传值,饼图会自动计算半径,自定义半径可能会导致显示图表显示不全) |
labelWidth | Number | 15 | 数据标签到饼图外圆连线的长度 |
border | Boolean | TRUE | 是否绘制各类别中间的分割线 |
borderWidth | Number | 2 | 分割线的宽度 |
borderColor | Color | #FFFFFF | 分割线的颜色 |
linearType | String | none | 渐变类型,可选值:"none"关闭渐变,"custom"开启渐变 |
customColor | Array | 自定义渐变颜色,数组类型对应 series 的数组长度以匹配不同 series 颜色的不同配色方案,例如["#FA7D8D", "#EB88E2"] |