echarts 折线图阴影颜色渐变

ECharts 折线图的阴影颜色可以通过设置 `areaStyle` 属性来实现渐变色。

示例代码如下：

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: {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [{
          offset: 0,
          color: 'rgba(0, 255, 255, 0.7)' // 0% 处的颜色
        }, {
          offset: 1,
          color: 'rgba(0, 255, 255, 0)' // 100% 处的颜色
        }],
        globalCoord: false // 缺省为 false
      }
    }
  }]
};

在上面的代码中，我们通过设置 `areaStyle.color` 属性为一个渐变色对象实现折线图阴影颜色的渐变效果。其中，`type: 'linear'` 表示使用线性渐变色，`colorStops` 数组中的两个元素分别表示渐变色的起始颜色和结束颜色，`offset` 属性表示颜色在渐变过程中的位置，取值范围为 0 到 1，`globalCoord` 表示是否使用全局坐标系。