echarts柱状图柱子不同颜色
时间: 2023-09-27 13:08:59 浏览: 93
可以通过设置series中的itemStyle属性来实现柱子不同颜色,具体步骤如下:
1. 在option中设置series属性,指定type为bar。
2. 在series中设置data属性,其中每个数据项都是一个对象,对象中包含value和itemStyle属性。
3. 在itemStyle属性中设置color属性,指定该数据项对应的柱子颜色。
示例代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [
{value: 20, itemStyle: {color: 'red'}},
{value: 30, itemStyle: {color: 'blue'}},
{value: 40, itemStyle: {color: 'green'}},
{value: 50, itemStyle: {color: 'yellow'}},
{value: 60, itemStyle: {color: 'purple'}}
]
}]
};
```
上述代码中,第一个数据项对应的柱子颜色为红色,第二个数据项对应的柱子颜色为蓝色,以此类推。
阅读全文