echarts饼状图color又深颜色变到浅颜色
时间: 2023-10-24 14:07:02 浏览: 56
echarts制作的饼状图
4星 · 用户满意度95%
可以使用渐变色(gradient),将饼状图的颜色从深到浅渐变,代码如下:
```
option = {
series: [{
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '30',
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [{
value: 335,
name: '直接访问',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [{
offset: 0,
color: '#c23531'
}, {
offset: 1,
color: '#f44336'
}]),
}
}, {
value: 310,
name: '邮件营销',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [{
offset: 0,
color: '#2f4554'
}, {
offset: 1,
color: '#90cea1'
}]),
}
}]
}]
};
```
这里使用了 `echarts.graphic.LinearGradient` 实现渐变色,可以设置起始点和结束点的位置和颜色值。根据需要可以设置多个渐变点,调整渐变的效果。
阅读全文