echarts柱状图显示不同颜色

可以通过设置每个柱子的颜色来显示不同的颜色，可以使用 ECharts 中的 visualMap 组件来实现。以下是一个简单的示例：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [20, 30, 25, 40, 35],
        type: 'bar',
        itemStyle: {
            normal: {
                color: function(params) {
                    var colorList = [
                        '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B'
                    ];
                    return colorList[params.dataIndex]
                }
            }
        }
    }],
    visualMap: {
        show: false,
        min: 0,
        max: 4,
        dimension: 0,
        inRange: {
            color: ['#C1232B','#B5C334','#FCCE10','#E87C25','#27727B']
        }
    }
};

在上面的示例中，我们定义了一个包含五个类别的柱状图，每个柱子的颜色都不同。我们使用 itemStyle.normal.color 属性来设置每个柱子的颜色。在 visualMap 组件中，我们定义了一个颜色范围，用于对应不同的数据值。在这个示例中，我们使用了五种不同的颜色来表示五个不同的数据值，你可以根据你的需求来定义你自己的颜色范围。