配置项手册中,仪表盘颜色可以分段

axisLine:{
	lineStyle: {
		color: [
		    [0.1, 'red'], // 0~10% 红轴
		    [0.2, 'green'], // 10~20% 绿轴
		    [0.3, 'blue'], // 20~30% 蓝轴
		    // ...
		]
    }
}

如果需要图表轴线颜色不分段且设为渐变色

axisLine: {
    roundCap: true,
    lineStyle: {
        width: 6,  // 总的圆弧的宽度 
        color: [[1, {
            type: 'linear', // 线性渐变
            x: 0, // 渐变起始点 x
            y: 0, // 渐变起始点 y
            x2: 1, // 渐变结束点 x
            y2: 0, // 渐变结束点 y
            colorStops: [
                { offset: 0, color: 'red' }, // 0% 处 为红色
                { offset: 1, color: 'green' } // 100% 处 为绿色
            ]
        }]]
    }
},

修改仪表盘半径 radius

文档中raduis的说明: 仪表盘半径,可以是相对于容器高宽中较小的一项的一半的百分比,也可以是绝对的数值。
当radius设为100%后,图表还是不够大,需要修图表容器的宽高。

Logo

更多推荐