欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts给柱形图的每个柱子设置不同颜色

程序员文章站 2022-07-13 14:27:59
...
 series: [{
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20],
                 itemStyle: {
                    normal:{  
                    color: function (params){
                        var colorList = ['#ff4844','#9ac3e5','#66ac52','#ffc032','#549bd3','#f47e39'];
                        return colorList[params.dataIndex];
                    }
                },
              },
        }]