vue-echarts柱状图颜色渐变

可以使用 echarts 的渐变色功能来实现柱状图颜色渐变。具体实现方法如下：

1. 在 option 中定义一个 color 数组，数组中每个元素都是一个对象，对象包含两个属性：type 和 colorStops。

2. type 属性表示渐变类型，可以是 'linear' 或 'radial'。

3. colorStops 属性是一个数组，数组中每个元素都是一个对象，对象包含两个属性：offset 和 color。

4. offset 表示渐变的位置，取值范围为 0 到 1。

5. color 表示渐变的颜色。

下面是一个示例代码：

option = {
    color: [
        {
            type: 'linear',            colorStops: [
                {
                    offset: 0,
                    color: '#00FFFF' // 0% 处的颜色
                },
                {
                    offset: 1,
                    color: '#FF00FF' // 100% 处的颜色
                }
            ]
        }
    ],
    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'
    }]
};