echarts柱状图实现每个柱子颜色不同

Posted 2020-09-27 贝勒爷

需求如下：

series : [
        {
            name:\'直接访问\',
            type:\'bar\',
            barWidth: \'60%\',
            data:[10, 52, 200, 334, 390, 330, 220],
            //重点在这，设置itemStyle
            itemStyle:{
                normal:{
                    color:function(params){
                        var colorList = [
                              \'#C1232B\',\'#B5C334\',\'#FCCE10\',\'#E87C25\',\'#27727B\',
                               \'#FE8463\',\'#9BCA63\'
                            ];
                        return colorList[params.dataIndex]
                    }
                }
            }
        }
    ]