echarts柱状图发光
时间: 2023-11-08 19:06:02 浏览: 37
要让 echarts 柱状图发光,可以通过设置 itemStyle.normal.color 和 itemStyle.emphasis.color 来实现。具体来说,可以将这两个属性设置为一个包含颜色和光晕半径的渐变对象,例如:
```
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#2378f7'
}, {
offset: 1,
color: '#83bff6'
}]),
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
},
emphasis: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#2378f7'
}, {
offset: 1,
color: '#83bff6'
}]),
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}
}
```
这里使用了 echarts.graphic.LinearGradient 创建了一个从上到下的渐变色,并设置了阴影颜色和模糊半径,使得柱状图看起来有光晕效果。