xCharts 仪表盘 opts.extra.gauge
以下是在 xCharts 中配置仪表盘 opts.extra.gauge
的属性列表:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | String | default | 仪表盘样式 |
width | Number | 15 | 仪表盘坐标轴(指示盘)线宽度 |
labelColor | Color | #666666 | 仪表盘刻度尺标签文字颜色 |
labelOffset | Number | 13 | 仪表盘标签文字径向偏移距离 |
startAngle | Number | 0.75 | 仪表盘起始角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟 |
endAngle | Number | 0.25 | 仪表盘结束角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟 |
startNumber | Number | 0 | 仪表盘起始数值。说明:仪表盘指针指向的值为比例值,假设起始值是11,结束值是15,想指向12,那就是11-15之间的20%,所以series里的data应为0.2,这个值需要自己算好再传chartData里 |
endNumber | Number | 100 | 仪表盘结束数值 |
formatter | Function | 【原生】仪表盘数据标签自定义,形参为(val,index,opts) | |
format | String | 【组件】仪表盘数据标签自定义,形参为(val,index,opts) | |
splitLine.fixRadius | Number | 0 | 仪表盘刻度线径向偏移量 |
splitLine.splitNumber | Number | 10 | 仪表盘刻度线分段总数量 |
splitLine.width | Number | 15 | 仪表盘分割线长度 |
splitLine.color | Color | #FFFFFF | 仪表盘分割线颜色 |
splitLine.childNumber | Number | 5 | 仪表盘子刻度线数量 |
splitLine.childWidth | Number | 5 | 仪表盘子刻度线长度 |
pointer.width | Number | 15 | 仪表盘指针宽度 |
pointer.color | String | auto | 仪表盘指针颜色,定义为auto时,随仪表盘背景颜色改变,或者可以指定颜色例如#7cb5ec |