echarts提示中展示总和

之前在网上搜到的显示总和的方法是多加一条透明柱子并设barGap:-100%，这样可以实现总和，但是点击上面的legend关闭某个属性时总和
永远不会改变，要让总和能随着legend选中的项而改变，则需使用formatter配置，代码如下：

                tooltip: {
                    trigger: 'axis',
                    formatter:function(a) {
                        var res = ''
                        var sum = 0
                        // console.log('a=',a)
                        a.forEach((item,index) => {
                            if(index == 0) {
                                res += `${item.axisValue}<br/>`
                            }
                            sum += item.value
                            res += `${item.marker} ${item.seriesName} : ${item.value}<br/>`
                            if(index==a.length-1) {
                                res += `合计 : ${sum}`
                            }
                        })
                        return res
                    }
                },

 

实现效果：