堆疊長條圖

有時，我們希望不僅能分別了解各個系列，還能了解總和的趨勢。使用堆疊長條圖是一個很好的選擇。顧名思義，在堆疊長條圖中，同一類別的數據將堆疊在一個柱狀圖中。長條圖的總高度解釋了總數的變化。

ECharts 提供了一種簡單的方法來實現堆疊長條圖。您需要在 stack 中為一組系列設定相同的字串類型值。具有相同 stack 值的系列將屬於同一類別。

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

在這種情況下，第二個系列的位置是基於第一個系列的位置，增加的高度對應於第一個系列的高度。因此，從第二個系列的位置，您可以找到兩者總和的變化趨勢。

stack 的值說明了哪些系列將堆疊在一起。理論上，'stack' 的特定值沒有意義。但是，為了方便閱讀，我們更喜歡一些具提示性的字串。

例如，這裡有一個包含 4 個系列的圖表，計算了男性和女性的數量。「成年男性」和「男孩」需要堆疊，而「成年女性」和「女孩」需要堆疊。在這種情況下，stack 的建議值為 'male' 和 'female'。雖然像 'a' 和 'b' 這樣的無意義字串可以達到相同的效果，但程式碼的可讀性會變差。