js 在echarts多条折线图数字*100 诡异出现小数

Posted 风吹麦浪打

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 在echarts多条折线图数字*100 诡异出现小数相关的知识,希望对你有一定的参考价值。

 formatter:function(params){  //数据单位格式化  
                               var relVal = params[0].name;  //x轴名称  
                               for (var i = 0, l = params.length; i < l; i++) {    
                                if(params[i].value){
                                
                                   relVal += <br/>  + params[i].seriesName +  :  + (params[i].value*100+"%";    
                                }
                               }  
                                console.log(params)
                               return relVal;    
                            }

这样子的formatter 在数据格式化的时候会出现诡异的,类似于 50.000001%这样子的问题

 

解决办法 就是切割

例如 slice(2,4) slice  第一个参数在第几位开始切割,第二个参数切割到第几位,

代码呈上:

 formatter:function(params){  //数据单位格式化  
                               var relVal = params[0].name;  //x轴名称  
                               for (var i = 0, l = params.length; i < l; i++) {    
                                if(params[i].value){
                                
                                   relVal += ‘<br/> ‘ + params[i].seriesName + ‘ : ‘ + (String(params[i].value)).slice(2,4)+"%";    
                                }
                               }  
                                console.log(params)
                               return relVal;    
                            }

 

以上是关于js 在echarts多条折线图数字*100 诡异出现小数的主要内容,如果未能解决你的问题,请参考以下文章

pyecharts折线图进阶篇

echarts多条折线图

在vue里面引入echarts(柱状图,饼图,折线图))

Echarts折线图实现 多条折线

echarts,折线图,我想设置X轴每个刻度的固定宽度该怎么设定呢

echarts框选+缩放折线图