堆叠折线图

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

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 上编辑此页面

vincentbernat vincentbernatpissang pissangomkar787 omkar787