面积图

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

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