欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Echarts图中y轴数据太小转为科学计数法显示

程序员文章站 2022-07-15 13:10:15
...

Echarts图中y轴数据太小转为科学计数法显示

tooltip如果不同步,可以把formatter中的function拿出去写成一个方法,series中的数据遍历输进去然后转成科学计数法的数据赋值

yAxis:{
     type:Echart.yAxis.type,
      name:Echart.yAxis.name,
      nameGap:Echart.yAxis.nameGap,
      nameLocation:Echart.yAxis.nameLocation,
      axisLabel: {
      formatter: function (value) {
          var res = value.toString();
          var numN1 = 0;
          var numN2 = 1;
          var num1=0;
          var num2=0;
          var t1 = 1;
          for(var k=0;k<res.length;k++){
              if(res[k]==".")
                 t1 = 0;
              if(t1)
                 num1++;
              else
                 num2++;
          }
          if(Math.abs(value)<1 && res.length>4)
          {
              for(var i=2; i<res.length; i++){
                  if(res[i]=="0"){
                      numN2++;
                  }else if(res[i]==".")
                      continue;
                  else
                      break;
              }
              var v = parseFloat(value);
              v = v * Math.pow(10,numN2);
              return v.toString() + "e-" + numN2;
          }else if(num1>4)
          {
              if(res[0]=="-")
                  numN1 = num1 - 2;
              else
                  numN1 = num1 - 1;
              var v = parseFloat(value);
              v = v / Math.pow(10,numN1);
              if(num2 > 4)
                  v = v.toFixed(4);
              return v.toString() + "e" + numN1;
          }else
              return parseFloat(value);
      }
  }
},
  • 效果:Echarts图中y轴数据太小转为科学计数法显示

借鉴:https://blog.csdn.net/Bonjourjw/article/details/90635178
借鉴:https://www.cnblogs.com/zhxuxu/p/10634392.html