Skip to content

xCharts 进度条 opts.extra.arcbar

以下是在 xCharts 中配置进度条 opts.extra.arcbar 的属性列表:

属性名类型默认值说明
typeStringdefault圆弧进度图样式,可选值:"default"半圆弧模式,"circle"整圆模式
directionStringcw动画方向(变换时需要注意起始与结束角度),可选值:"cw"顺时针方向,"ccw"逆时针方向
widthNumber12圆弧进度图弧线宽度
lineCapStringround进度条两端样式,可选值:"round"圆形线帽,"square"方形线帽,"butt"平直边缘
backgroundColorColor#E9E9E9圆弧进度图背景颜色
startAngleNumber0.75圆弧进度图起始角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟,默认0.75
endAngleNumber0.25圆弧进度图结束角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟,默认0.25
radiusNumber圆弧进度图自定义半径(最大半径)(无特殊需求无需填写)
gapNumber2圆弧进度条的间隔单位px
centerXNumber自定义圆心x坐标(无特殊需求无需填写)
centerYNumber自定义圆心y坐标(无特殊需求无需填写)
linearTypeStringnone渐变类型,可选值:"none"关闭渐变,"custom"开启渐变
customColorArray自定义渐变颜色,数组类型对应series的数组长度以匹配不同series颜色的不同配色方案,例如["#FA7D8D", "#EB88E2"]