堆叠折线图

类似于堆叠柱状图,堆叠折线图使用'stack'属性在series中来决定哪些系列应该堆叠在一起。

option = {
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [
    {
      data: [10, 22, 28, 43, 49],
      type: 'line',
      stack: 'x'
    },
    {
      data: [5, 4, 3, 5, 10],
      type: 'line',
      stack: 'x'
    }
  ]
};
在线示例

然而,如果不加以说明,我们很难判断它是一个堆叠折线图还是普通折线图。因此,建议为折线图下方的区域填充颜色以表明这是一个堆叠折线图。

option = {
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [
    {
      data: [10, 22, 28, 43, 49],
      type: 'line',
      stack: 'x',
      areaStyle: {}
    },
    {
      data: [5, 4, 3, 5, 10],
      type: 'line',
      stack: 'x',
      areaStyle: {}
    }
  ]
};
在线示例

贡献者 在 GitHub 上编辑此页面

vincentbernatpissang pissang omkar787