echarts柱状图不同颜色设置

发布时间 2023-06-16 14:14:51作者: 孤独的洋葱头

可以通过设置每人柱子的颜色来实现echarts在状图每人柱颜色不一样的效果。具体方法是在series中设置itemtyle属性,然后在itemStvle中设置color属性,将每个柱子的颜色设置为不同的值即可。

series: [{
    type: 'bar'
    data: [10,20].
    itemStyle: (
    color: function(params) {
        var colorList =['#c23531',#2f4554'];
        return     colorListlparams .dataIndex;       
     }
}]