積み上げ折れ線チャート

積み上げ棒グラフと同様に、積み上げ折れ線チャートは '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 でこのページを編集する

vincentbernatvincentbernatpissangpissangomkar787omkar787