echarts设置柱状图渐变色代码
时间: 2023-10-13 22:24:51 浏览: 82
以下是使用echarts设置柱状图渐变色的代码示例:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1, [{
offset: 0,
color: '#83bff6'
},
{
offset: 0.5,
color: '#188df0'
},
{
offset: 1,
color: '#188df0'
}
]
)
}
}
}]
};
```
在上面的代码中,我们使用`new echarts.graphic.LinearGradient`来创建一个线性渐变色,并将其应用于柱状图的颜色中。您可以根据需要调整颜色和偏移量。
阅读全文