echarts仪表盘颜色为渐变色以及修改仪表盘半径
·
配置项手册中,仪表盘颜色可以分段
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%后,图表还是不够大,需要修图表容器的宽高。
更多推荐


所有评论(0)