echarts堆叠柱状图总和实现

要实现echarts堆叠柱状图的总和，你可以通过以下步骤进行操作：

1. 首先，确保你已经引入了echarts库，并创建一个echarts实例：

var myChart = echarts.init(document.getElementById('chart'));

2. 定义你的数据，包括类目轴的数据和各个系列的数据。每个系列的数据数组中，将每个柱状图的值累积起来作为总和：

var categoryData = ['类目1', '类目2', '类目3'];
var seriesData = [
  [120, 200, 150],  // 第一个系列的数据
  [80, 100, 120],   // 第二个系列的数据
  [40, 60, 80]      // 第三个系列的数据
];
// 计算每个类目的总和
var sumData = seriesData.reduce((acc, cur) => {
  return cur.map((val, index) => {
    return (acc[index] || 0) + val;
  });
}, []);

3. 创建堆叠柱状图配置项，并将总和数据添加到系列中：

var option = {
  xAxis: {
    type: 'category',
    data: categoryData
  },
  yAxis: {
    type: 'value'
  },
  series: seriesData.map((data, index) => {
    return {
      type: 'bar',
      stack: '总和',
      data: data,
      name: '系列' + (index + 1)
    };
  }).concat({
    type: 'bar',
    stack: '总和',
    data: sumData,
    name: '总和'
  })
};

4. 最后，使用配置项设置图表并渲染：

myChart.setOption(option);

这样，你就可以实现echarts堆叠柱状图的总和效果了。记得将上述代码中的`'chart'`替换为你的图表容器的ID。