echart实现折线图带阴影

要在 ECharts 中实现带阴影的折线图，可以使用 ECharts 中的 `line` 和 `area` 系列类型。下面是一个示例代码：

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'line',
    data: [820, 932, 901, 934, 1290, 1330, 1320]
  }, {
    type: 'area',
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    itemStyle: {
      color: 'rgba(0, 0, 0, 0)',
      borderColor: 'rgba(0, 0, 0, 0)',
      borderWidth: 0
    },
    areaStyle: {
      color: 'rgba(255, 0, 0, 0.2)'
    }
  }]
};

在上面的代码中，我们定义了一个包含 `xAxis`、`yAxis` 和 `series` 的 ECharts 配置项对象。其中，`xAxis` 和 `yAxis` 分别定义了 X 轴和 Y 轴的配置，这里不再赘述。`series` 中定义了两个系列，一个是 `line` 系列，用于绘制折线图；另一个是 `area` 系列，用于绘制阴影。`data` 属性用于设置数据，`itemStyle` 属性用于设置数据点的样式，`areaStyle` 属性用于设置阴影的样式。

具体来说，`areaStyle` 中的 `color` 属性设置了阴影的颜色，这里使用了 RGBA 格式，其中第四个参数为透明度；`itemStyle` 中的 `color`、`borderColor` 和 `borderWidth` 属性都设置为了透明，这是为了让数据点不可见，只显示线条和阴影。

最终的效果如下图所示：