echarts柱状图不同颜色设置

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

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

  

 

posted @ 2023-06-16 14:09  孤独的洋葱头  阅读(2326)  评论(0)    收藏  举报