echarts柱状图 柱子颜色
时间: 2023-12-26 21:27:22 浏览: 102
echarts-柱状图
你可以使用Echarts的series配置项中的itemStyle属性来设置柱状图的颜色。具体来说,你可以在data数组中的每个柱子对象中,使用itemStyle属性来设置该柱子的颜色。
以下是一个示例代码,演示了如何使用Echarts设置柱状图的柱子颜色:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
},
yAxis: {
type: 'value'
},
series: [{
name: '销量',
type: 'bar',
data: [
{ value: 25, itemStyle: { color: '#b6dcb6' } },
24, 20, 36, 1, 10, 20
]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
```
在上述代码中,我们通过在data数组中的第一个柱子对象中使用itemStyle属性来设置该柱子的颜色为'#b6dcb6'。其他柱子将使用默认颜色。
你可以根据自己的需求,修改data数组中每个柱子对象的itemStyle属性来设置不同柱子的颜色。
阅读全文