echarts得分环进度条颜色
时间: 2023-07-05 09:28:39 浏览: 174
ECharts 得分环进度条的颜色可以通过设置 `color` 属性来实现。具体而言,可以在 `series` 中设置 `itemStyle` 属性,然后在 `normal` 或者 `emphasis` 中设置 `color` 属性,如下所示:
```javascript
option = {
series: [{
type: 'pie',
radius: ['60%', '75%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '30',
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [{
value: 80,
name: '得分',
itemStyle: {
normal: {
color: '#00FF00' // 设置正常状态下的颜色
},
emphasis: {
color: '#FF0000' // 设置高亮状态下的颜色
}
}
}, {
value: 20,
name: '剩余',
itemStyle: {
normal: {
color: '#CCCCCC' // 设置正常状态下的颜色
},
emphasis: {
color: '#FF0000' // 设置高亮状态下的颜色
}
}
}]
}]
}
```
在上述代码中,将得分环的颜色设置为绿色,剩余部分的颜色设置为灰色,并且在高亮状态下将得分环的颜色设置为红色。
阅读全文
相关推荐

















