echarts 柱状图不同颜色

你可以通过设置 series 中的 itemStyle.normal.color 属性来为柱状图的每个数据项设置不同的颜色。具体实现方法如下：

option = {
    ...
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        itemStyle: {
            normal: {
                color: function(params) {
                    var colorList = ['#c23531','#2f4554','#61a0a8','#d48265','#91c7ae'];
                    return colorList[params.dataIndex % colorList.length];
                }
            }
        }
    }]
    ...
};

以上代码中的 colorList 数组定义了柱状图中每个柱子可能的颜色，通过 params.dataIndex % colorList.length 来实现不同数据项对应不同的颜色。例如，dataIndex 为 0 的数据项对应 colorList 数组的第一个颜色值，dataIndex 为 1 的数据项对应 colorList 数组的第二个颜色值，以此类推。

当然，你也可以在定义数据时为每个数据项指定颜色值，例如：

option = {
    ...
    series: [{
        type: 'bar',
        data: [
            {value: 10, itemStyle: {normal: {color: '#c23531'}}},
            {value: 20, itemStyle: {normal: {color: '#2f4554'}}},
            {value: 30, itemStyle: {normal: {color: '#61a0a8'}}},
            {value: 40, itemStyle: {normal: {color: '#d48265'}}},
            {value: 50, itemStyle: {normal: {color: '#91c7ae'}}}
        ]
    }]
    ...
};

以上代码中，每个数据项都通过 itemStyle.normal.color 属性指定了不同的颜色值。