面积图

面积图用背景色填充折线和坐标轴之间的空间，通过面积的大小来表达数据。 与普通折线图相比，面积图具有更直观的视觉效果。 它特别适用于系列较少的场景。

option = {
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [
    {
      data: [10, 22, 28, 23, 19],
      type: 'line',
      areaStyle: {}
    },
    {
      data: [25, 14, 23, 35, 10],
      type: 'line',
      areaStyle: {
        color: '#ff0',
        opacity: 0.5
      }
    }
  ]
};
在线示例

如果要更改折线图的面积样式，请尝试使用areaStyle。将'areaStyle'设置为{}以使用默认类型：使用系列的颜色以半透明填充面积。如果要更改样式，请尝试覆盖'areaStyle'中的配置项。例如，将第二个系列的颜色更改为黄色，不透明度为 50%。

贡献者 在 GitHub 上编辑此页面

pissang pissang