堆叠折线图

与堆叠柱状图类似，堆叠折线图使用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'
    }
  ]
};
live

但是，如果没有说明，我们很难判断它是一个堆叠折线图还是一个普通的折线图。因此，建议为折线下的区域填充颜色以表示堆叠折线图。

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: {}
    }
  ]
};
live

贡献者 在 GitHub 上编辑此页面

vincentbernat vincentbernatpissang pissangomkar787 omkar787