echarts 柱状图颜色
时间: 2023-10-11 15:11:00 浏览: 61
在 ECharts 中,可以通过设置 series.itemStyle.normal.color 或 series.itemStyle.emphasis.color 属性来自定义柱状图的颜色。
下面是一个示例代码,演示如何设置柱状图的颜色:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70],
type: 'bar',
itemStyle: {
normal: {
color: function(params) {
// 自定义柱状图每个柱子的颜色
var colorList = ['#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae'];
return colorList[params.dataIndex];
}
}
}
}]
};
```
在上面的代码中,通过设置 itemStyle.normal.color,我们可以使用一个自定义的颜色列表来为每个柱子指定颜色。在这个示例中,颜色列表包含了五种不同的颜色。
你也可以根据自己的需求,使用其他的颜色配置方式来设置柱状图的颜色。