echarts柱状图柱子颜色怎么改成渐变

要将 Echarts 柱状图的柱子颜色改成渐变色，可以通过以下两种方法来实现：

1. 使用 itemStyle 属性中的 color 属性，将颜色设置为渐变色。例如：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar',
        itemStyle: {
            color: new echarts.graphic.LinearGradient(
                0, 0, 0, 1,
                [
                    {offset: 0, color: '#7FFF00'},    // 渐变起始颜色
                    {offset: 1, color: '#00CED1'}     // 渐变结束颜色
                ]
            )
        }
    }]
};

myChart.setOption(option);

以上代码将柱状图的柱子颜色设置为由绿色渐变到蓝绿色的渐变色。

2. 在 visualMap 组件中设置颜色映射，将颜色设置为渐变色。例如：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    visualMap: {
        type: 'continuous',
        dimension: 0,
        min: 0,
        max: 6,
        color: ['#7FFF00', '#00CED1']   // 渐变起始颜色和结束颜色
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
};

myChart.setOption(option);

以上代码将柱状图的柱子颜色设置为由绿色渐变到蓝绿色的渐变色。

以上两种方法都可以将 Echarts 柱状图的柱子颜色改成渐变色。具体使用哪种方法取决于个人喜好和实际情况。