记echarts纵坐标刻度值使用科学计数法

一、背景
       由于实际数据返回数量级最高可达到e-9,如果全用小数显示不合理,因此决定决定采用科学计数法,后台返回数据为字符串,格式如同‘1.3e-1’。

二、方案实现
       1.对于需要将纵坐标格式化成科学计数法的情况进行判断;
       2.然后就是调用y轴坐标的自定义方法,处理数据为科学计数法(参考文章:echarts纵坐标使用科学计数法表示);
       查看echarts配置手册,坐标轴刻度的相关设置为:yAxis.axisLabel。其中刻度标签的内容格式器的设置为yAxis.axisLabel.formatter。具体参见官方手册。

      3.直接上代码截图:

记echarts纵坐标刻度值使用科学计数法_第1张图片  记echarts纵坐标刻度值使用科学计数法_第2张图片

三、注意点

       1.由于涉及到了,浮点数,JS对小数位数大于7的数字,会自动转换为科学计数法显示,但为小写e;

       2.浮动数运算过程中,有精度丢失问题出现。如下图所示,计算机的二进制和位数限制有些数无法有限表示,运算过程中舍弃了某些位数。例如,纵坐标为0.0003是,转换为科学计算法处理过程0.0003*10000时,由于经度丢失最终显示为2.9999999999999996,对于本功能不会考虑到高精度,因此直接采用了四舍五入的方法,仅保留一位小数;

记echarts纵坐标刻度值使用科学计数法_第3张图片
         

你可能感兴趣的:(学习笔记,javascript)