vue页面显示小数位数问题处理

   前几天,写了个数据占比的echarts的图,本来写的也没有问题,快上线了,突然被告知,数据小数位数展示的不合理啊,如下图所示:

 接口返回数据如上图所示,我一看这简单啊,使用parseFloat(value).toFixed(3),这个公式不就解决了么,把这个公式搬上去,信心满满的都没测试就提交了,结果,下午又被告知,数据还是不合适,位数还有问题,如下图所示:

一看,不对啊,怎么有的数据正确,有的展示不正确呢,一想还是基础知识不扎实导致的,事实上,0.1 + 0.2 这这样的 0.1000000000000000055511151231257827021181583404541015625 + 0.200000000000000011102230246251565404236316680908203125 = 0.3000000000000000444089209850062616169452667236328125,所以,上面的那个公式就会失灵,最后只能用其他方式,(value*100).toFixed(3),来处理,这样出来的数据果然是想要的结果.