工作中遇到的问题3(eharts 中tooltip的计算问题)

233 阅读1分钟

堆叠表格中的tooltip显示为计算过的百分比的问题

原图

原图1.png

效果图

工作内容4.png

tooltip中有一个formatter函数

tooltip: {
            trigger: "axis",
            formatter:function(params){
               var relVal = params[0].name;
               var value = 0;
               for(var i = 0,l = params.length;i<l;i++){
                   value += params[i].value;
               }
               for(var i=0,l = params.length;i<l;i++){
                   relVal += '<br/>' + params[i].seriesName + ':' + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + (100 * parseFloat(params[i].value)/parseFloat(value)).toFixed(2) + "%";
               }
               return relVal;
            }
          },

分析:formatter通常用于格式化日期,或者加上百分比的时候,来使用这个函数,params返回的是这一行中所有的数据,拿到params之后,两个for循环遍历操作,对这个数据进行计算加工操作,便可以得到图2处理之后的效果图。。