Skip to content

xCharts 仪表盘 opts.extra.gauge

以下是在 xCharts 中配置仪表盘 opts.extra.gauge 的属性列表:

属性名类型默认值说明
typeStringdefault仪表盘样式
widthNumber15仪表盘坐标轴(指示盘)线宽度
labelColorColor#666666仪表盘刻度尺标签文字颜色
labelOffsetNumber13仪表盘标签文字径向偏移距离
startAngleNumber0.75仪表盘起始角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟
endAngleNumber0.25仪表盘结束角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟
startNumberNumber0仪表盘起始数值。说明:仪表盘指针指向的值为比例值,假设起始值是11,结束值是15,想指向12,那就是11-15之间的20%,所以series里的data应为0.2,这个值需要自己算好再传chartData里
endNumberNumber100仪表盘结束数值
formatterFunction【原生】仪表盘数据标签自定义,形参为(val,index,opts)
formatString【组件】仪表盘数据标签自定义,形参为(val,index,opts)
splitLine.fixRadiusNumber0仪表盘刻度线径向偏移量
splitLine.splitNumberNumber10仪表盘刻度线分段总数量
splitLine.widthNumber15仪表盘分割线长度
splitLine.colorColor#FFFFFF仪表盘分割线颜色
splitLine.childNumberNumber5仪表盘子刻度线数量
splitLine.childWidthNumber5仪表盘子刻度线长度
pointer.widthNumber15仪表盘指针宽度
pointer.colorStringauto仪表盘指针颜色,定义为auto时,随仪表盘背景颜色改变,或者可以指定颜色例如#7cb5ec