堆疊面積圖

與 堆疊柱狀圖 類似，堆疊面積圖透過在 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 上編輯此頁

vincentbernatpissangomkar787