Skip to content

xCharts 圆环图 opts.extra.ring

以下是在 xCharts 中配置圆环图 opts.extra.ring 的属性列表:

属性名类型默认值说明
ringWidthNumber30圆环的宽度
centerColorColor#FFFFFF中间填充圆形的颜色
activeOpacityNumber0.5启用 Tooltip 点击时,突出部分的透明度
activeRadiusNumber10启用 Tooltip 点击时,突出部分的宽度(最大值不得超过 labelWidth)
offsetAngleNumber0起始角度偏移度数,顺时针方向,起点为3点钟位置为0度(比如要设置起点为12点钟位置,即逆时针偏移90度,传入-90即可)
customRadiusNumber0自定义半径(一般不需要传值,饼图会自动计算半径,自定义半径可能会导致显示图表显示不全)
labelWidthNumber15数据标签到饼图外圆连线的长度
borderBooleanTRUE是否绘制各类别中间的分割线
borderWidthNumber2分割线的宽度
borderColorColor#FFFFFF分割线的颜色
linearTypeStringnone渐变类型,可选值:"none"关闭渐变,"custom"开启渐变
customColorArray自定义渐变颜色,数组类型对应 series 的数组长度以匹配不同 series 颜色的不同配色方案,例如["#FA7D8D", "#EB88E2"]