堆叠柱状图

有时，我们不仅希望分别了解各个系列的数据，还希望了解它们的总和趋势。使用堆叠柱状图是一个很好的选择。顾名思义，在堆叠柱状图中，同一类别的数据会在一个柱子中堆叠起来。柱子的整体高度可以说明总和的变化情况。

使用 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' 这样的无意义字符串也能达到同样的效果，但代码的可读性会变差。