怎么让echarts柱状图同一个系列每个柱状颜色都不同

由于是让同一个系列中,所以要在系列配置中做文章,翻看echarts的api,有个color配置项,但配置项的值是一个颜色值,并不是数组,这可怎么办?经过网上搜索,返回color配置项可以配置一个函数,这个函数随机返回一个颜色值。完美解决。

配置项代码如下:

option = {
    xAxis : [
        {
            type : 'category',
            data : ['Mon', 'Tue', 'Wed'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'直接访问',
            type:'bar',
            barWidth: '60%',
            data:[10, 52, 200],
            itemStyle:{
                normal:{
                    color:function(params) {
                            // build a color map as your need.
                            var colorList = [
                              '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
                               '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                               '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                            ];
                            return colorList[params.dataIndex]
                        },
                }
            }
        }
    ]
};


你可能感兴趣的:(echarts)