echarts 在堆叠图上增加总数

ECharts是一个非常流行的JavaScript图表库，它支持创建各种复杂的图表，包括堆叠图。要在堆叠图上显示总数，你可以通过设置堆叠系列的`series`选项，然后在适当的配置中添加`dataTotal`属性。这里有一个简单的示例：

option = {
  xAxis: { // x轴配置
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: { // y轴配置
    type: 'value'
  },
  series: [
    {
      name: 'Series 1', // 堆叠系列1
      stack: '总量', // 设置堆栈名称
      data: [10, 20, 30, 40, 50]
    },
    {
      name: 'Series 2', // 堆叠系列2
      stack: '总量',
      data: [15, 25, 35, 45, 55]
    },
    {
      name: '总和', // 总数标签
      stack: '总量',
      type: 'bar', // 使用柱状图表示总和
      barWidth: '60%', // 柱形宽度
      data: [{
        value: sum([10, 20, 30, 40, 50]), // 计算所有数据的和
        name: '总量'
      }],
      itemStyle: { // 设置总和的颜色和透明度
        normal: {
          color: '#ccc',
          opacity: 0.5
        }
      }
    }
  ],
  // 数据计算函数，用于求和
  dataTotal: function (data) {
    return data.reduce((prev, curr) => prev + curr, 0);
  }
};

在这个例子中，我们创建了一个名为“总和”的额外系列，其数据是其他堆叠系列数据之和。`sum()`函数是你需要自定义的，通常会遍历数组并返回它们的总和。