重新定柱形图的tooltip-formmatter，显示总数

 

 功能简介：

柱形图原本有formatter，重新定义新的formatter，增加总数显示项

关键点：

1、定义新函数formatterSum(params)用于展示总数项

2、在option定义之后，对tooltip.formatter重新赋值

源码：

        showEchart(){
            let option=....
            option.tooltip.formatter=this.formatterSum
            this.myHourChart = echarts.init(document.getElementById("id"));
            this.myHourChart.showLoading();  
            this.myHourChart.clear();
            this.myHourChart.setOption(option);
            this.myHourChart.hideLoading();
            this.myHourChart.resize();          
        },

        formatterSum(params){
            // 判断是日期还是时间
            let  res=""
            if(params[0].name.length>2){
                res= "日期：" + params[0].name + "<br/>";
            }else{
                res= "时间：" + params[0].name + ":00<br/>";
            }
            
            let str = ''; //辅助变量，存储要展示的提示信息
            let total=0;
            // 循环存储
            for (let i = 0; i < params.length; i++) {
                total=total+params[i].value;
                str = str +params[i].marker + params[i].seriesName + "：" + params[i].value + " 次<br/>";
            }
            // 为总数单独设置一个颜色
            let marker1 = "<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgba(2,242,180,1);'></span>";
            let totalARR=marker1+"总数："+total+" 次<br/>"
            // 返回结果值
            return res + totalARR +str;
        }