堆疊柱狀圖

有時，我們不僅希望分別瞭解各個系列的資料，還希望瞭解它們的總和趨勢。使用堆疊柱狀圖是一個很好的選擇。顧名思義，在堆疊柱狀圖中，同一類別的資料會在一個柱子中堆疊起來。柱子的整體高度可以說明總和的變化情況。

使用 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' 這樣的無意義字串也能達到同樣的效果，但程式碼的可讀性會變差。