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
                    }
                },

 

實現效果：