echarts 每根柱状图设置不同颜色

可以通过 Echarts 中的 visualMap 组件来实现每根柱状图设置不同颜色的效果。具体操作如下：

1. 在 option 中添加 visualMap 组件，设置其 type 为 'piecewise'（分段型），并设置 pieces 属性，每个 piece 可以设置相应的颜色和范围。例如：

visualMap: {
    type: 'piecewise',
    pieces: [
        {min: 0, max: 100, color: '#FFB6C1'},
        {min: 100, max: 200, color: '#FFA07A'},
        {min: 200, max: 300, color: '#FF8C00'},
        {min: 300, max: 400, color: '#FF7F50'},
        {min: 400, max: 500, color: '#FF6347'}
    ],
    ...
}

2. 在 series 中设置每个柱状图的颜色映射，即使用 visualMap 组件中的 mappingOption 属性匹配每个数据项对应的颜色。例如：

series: [{
    type: 'bar',
    data: [50, 150, 250, 350, 450],
    ...
    itemStyle: {
        emphasis: {
            color: '#FFD700'
        },
        normal: {
            color: {
                type: 'linear',
                colorStops: [
                    {offset: 0, color: '#F4A460'},
                    {offset: 1, color: '#F08080'}
                ]
            }
        }
    },
    ...
    visualMap: {
        dimension: 0,
        show: false,
        pieces: [{
            gt: 0,
            lte: 100,
            color: '#FFB6C1'
        }, {
            gt: 100,
            lte: 200,
            color: '#FFA07A'
        }, {
            gt: 200,
            lte: 300,
            color: '#FF8C00'
        }, {
            gt: 300,
            lte: 400,
            color: '#FF7F50'
        }, {
            gt: 400,
            lte: 500,
            color: '#FF6347'
        }],
        outOfRange: {
            color: '#999'
        }
    }
}]

这样，每个柱状图就会根据数据项的值自动匹配相应的颜色。