avue-data-display 数据展示保留小数点

背景

使用avue数据展示空间avue-data-display 时发现传入9980 前端进行/100后进行展示进行了四舍五入并且没有保留小数需要进行优化

踩坑情况

1. 设置decimals参数

通过这个参数设置会导致所有数据都会保留小数有些情况展示不合理，比如：单位个的时候也会展示小数
decimals:1,

2. 赋值时进行保留小数位处理

2.1

data.sumIncome/100

2.2

data.sumIncome/100.0

2.3

(data.sumIncome/100.0).toFixed(2)

2.4

(data.sumIncome/100.0).toFixed(2)+“0”

2.5

(data.sumIncome/100.0).toFixed(2)+""

2.6 莫名可以展示

(data.sumIncome/100.0).toFixed(2)+“a”

解决方案

暂时没解决先记录下
目前发现需要关闭动画操作

        platformOption: {span: 6,animation:false,data: [{title: '当前余额',count: 0}]},

即可正常显示字符串

可能为官方bug

期间还出现过一个bug data数组传入多个字符串对象，animation为默认值
显示的结果第一个为默认值，剩下的字符串可以正常显示

        option: {span: 6,// animation:false,data: [{title: '当前余额',count: 6}]},let tempData=[];tempData.push( {title: '当前余额',count: (response.data.data.income/100.0).toFixed(2)+"元"},{title: '当前余额',count: (response.data.data.income/100.0).toFixed(2)+"元"},{title: '当前余额',count: (response.data.data.income/100.0).toFixed(2)+"元"})this.option.data=tempData;

显示效果如下图

参考链接

DataDisplay 数据展示

avue-data-display 数据展示保留小数点相关推荐

就地电子数据展示与保留
就地电子数据展示与保留功能可以搜索用户的邮箱,并能够将搜索的结果下载为PST文件. 首先赋予管理员相应的权限,依次执行以下操作:权限-管理员角色-Discovery Manage -角色处,添加Mai ...
js实现数字相乘标准四舍五入，并保留小数点
js实现数字相乘标准四舍五入,并保留小数点项目中有大量的数字运算,其中乘法用的最多.今天客户那边提了这么一个问题:应该显示111.938的文本框显示了111.937.其实问题定位很简单,我用的是 ...
WebGIS中利用AGS JS+eCharts实现一些数据展示的探索
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.背景 eCharts提供了迁徙图.热点图.夜视图等跟地图能够很好的 ...
基于爬虫爬取的数据，完成数据展示网站
文章目录前言一.列表分页二.注册登录三.查询支持布尔表达式四.图表五.入口创建总结前言学期进入尾声 web编程课程迎来了期末大作业作业要求如下: 基于第一个项目爬虫爬取的数据, ...
vueTable大数据展示优化
背景大数据项目根据用户输入代码查询数据,用户的代码不可控(比如select from db limit 5000),有可能一页需求要求展示100行5000列数据.由于是用户代码实时查询的数据,后端不 ...
19.2、Javaweb案例_Servlet代码抽取优化分页数据redis缓存优化分页数据展示
优化Servlet 目的减少Servlet的数量,现在是一个功能一个Servlet,将其优化为一个模块一个Servlet,相当于在数据库中一张表对应一个Servlet,在Servlet中提供不同的方 ...
echarts使用总结（使用echarts画工字型标记线；无数据时设置纵坐标刻度0-1；tooltip数据展示；工具栏 toolBox 图标配置）
1. 使用echarts画标记线(工字型) 1.1 实现效果 1.2 使用属性详细参数可查看echarts官网,markline属性 https://echarts.apache.org/zh/op ...
ssm通用数据展示系统毕业设计-附源码200934
SSM通用数据展示系统的设计与实现摘要随着社会信息化的日益加强,传统的数据处理系统存在专用性太强.安全性不高.数据共享性差等缺陷,不利于企业应用.为了充分利用企业信息资产所带来的优势,企业迫切需 ...
（五）Saving Data保存数据
本文首次发表依鹏csdn博客,转载请注明出处:http://blog.csdn.net/m0_37240709/article/details/77802990 Saving Data保存数据 Mos ...