charts 折线图阴影颜色沿X轴渐变

ECharts 折线图的阴影颜色沿 X 轴渐变可以通过设置 `areaStyle` 属性的 `color` 属性为一个渐变色数组来实现。

示例代码如下：

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    type: 'line',
    areaStyle: {
      color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
        {
          offset: 0,
          color: 'rgba(0, 255, 255, 0.7)' // 0% 处的颜色
        }, {
          offset: 1,
          color: 'rgba(0, 255, 255, 0)' // 100% 处的颜色
        }
      ])
    }
  }]
};

在上面的代码中，我们通过设置 `areaStyle.color` 属性为一个 `echarts.graphic.LinearGradient` 对象实现折线图阴影颜色沿 X 轴渐变的效果。其中，`LinearGradient` 的四个参数分别表示渐变的起点和终点的坐标，最后一个参数是一个渐变色数组，其中包含了两个元素，分别表示渐变色的起始颜色和结束颜色。在渐变色数组中，我们通过 `offset` 属性来指定颜色在渐变过程中的位置，取值范围也是 0 到 1。