echarts 设置面积区域颜色渐变

ECharts可以通过设置`itemStyle`来为面积区域设置颜色渐变。具体实现方法如下：

1. 首先，需要创建一个颜色列表，其中每个元素为一个数组，第一个元素为颜色的位置，取值范围为0-1，第二个元素为颜色的值，可以使用RGBA格式来设置颜色的透明度。例如：

var colorList = [
    [0, '#ffd54f'],
    [0.5, '#f44336'],
    [1, '#4caf50']
];

2. 接下来，在`series`中的`itemStyle`属性中设置颜色渐变。例如：

series: {
    type: 'line',
    areaStyle: {
        normal: {
            color: {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: colorList
            }
        }
    },
    ...
}

其中，`type`属性指定了颜色类型为线性渐变；`x`、`y`、`x2`、`y2`属性指定了渐变的起始点和结束点；`colorStops`属性指定了颜色列表。

完整的代码示例如下：

option = {
    ...
    series: {
        type: 'line',
        areaStyle: {
            normal: {
                color: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [
                        [0, '#ffd54f'],
                        [0.5, '#f44336'],
                        [1, '#4caf50']
                    ]
                }
            }
        },
        data: [...]
    }
};

这样就可以为面积区域设置颜色渐变了。