uniapp使用Ucharts数据格式化为百千万

使用ucharts开发数据可视化时,数据过大时将大数据改为添加单位,增加可读性。


这里只是做了最简单的判断 可以输出下val添加判断 或者做一些其他的数据格式化操作

showMix(canvasId, chartData, ctwidth, ctheight, max, min){for (let i = 0; i < chartData.series.length; i++) {chartData.series[i].format = (val) => {// console.log(val)if(val >= 10000){return (val.toFixed(0) / 10000).toFixed(1) + '万'}else if(val >= 1000){return (val.toFixed(0) / 1000).toFixed(1) + '千' }else{return val}}}// ...
},

调整前

调整后

uniapp使用Ucharts数据格式化为百千万-解决文字过长压着的问题相关推荐

  1. uniapp使用ucharts图表及问题汇总

    uniapp使用ucharts图表及问题汇总 本文主要描述如何通过组件的方式引入ucharts图表,并汇总了使用过程中踩到的坑,如层级过高问题.默认显示提示框tooltip.提示框显示内容格式化等等. ...

  2. uni-app插入ucharts(echarts)图表,支持H5,APP,小程序

    uni-app插入ucharts(echarts)图表,支持H5,APP,小程序 这是uni-app里通用的图表方法,从ucharts官网上整理的 链接: https://pan.baidu.com/ ...

  3. 活动推荐 | 百千万人才工程创新大讲堂开启报名

    2018年9月8日-9日,由人力资源和社会保障部与中国科学院联合举办的"百千万人才工程创新大讲堂"将在中科院自动化所学术报告厅举行. 本次人工智能创新大讲堂设置了15场专题报告以及 ...

  4. Thinkphp5.1允许uni-app的H5跨域请求接口解决方法

    Thinkphp5.1允许uni-app的H5跨域请求接口解决方法 参考文章: (1)Thinkphp5.1允许uni-app的H5跨域请求接口解决方法 (2)https://www.cnblogs. ...

  5. 把整形数据格式化为指定长度的字符串

    实现数字格式化,应用java.text.NumberFormat类,提供了一些将Number对象和数字格式化为本地字符串或者通过语义分析把本地化的字符串转换为Number对象的方法 NumberFor ...

  6. 腾讯牵手数十家合作伙伴发起“光合计划” 推动“百千万”三大目标落地

    12月4日,腾讯首届MEET教育科技创新峰会(以下简称"MEET教育峰会")在北京香格里拉饭店举办.腾讯高级执行副总裁.云与智慧产业事业群总裁汤道生正式宣布发起智能教育" ...

  7. uni-app 小程序上下滑动问题的解决

    uni-app 小程序上下滑动问题的解决 swiper套用swiper-item,可以进行横向滑动切换tab,但是每一个swiper-item里无法上下滑动 问题分析 <原版结构图片> 数 ...

  8. uni-app getLocation:fail [geolocation:7]KEY错误 解决办法

    uni-app getLocation:fail [geolocation:7]KEY错误 解决办法 问题描述 问题原因 解决方案 问题描述 使用HBuilderX制作了一个uni-app,使用到了 ...

  9. uni-app 组件找不到问题常规解决办法

    uni-app 组件找不到问题常规解决办法 1.确认文件是否保存 2.确认引用路径是否正确,特别是利用复制粘贴的引用路径最容易导致组件应用错误,这时候需要手动敲一遍路径 3.组件是否注册,引用的组件需 ...

最新文章

  1. Webpack 核心开发者 Sean Larkin 盛赞 Vue
  2. PHP里switch用法举例,PHP Switch语句的功能实例
  3. 机器学习入门学习笔记:(4.1)SVM算法
  4. 对模块开发卷宗的理解_【基层】模块化办案模式?高大上啊!
  5. boost::hana::value_or用法的测试程序
  6. Hello Qt(在Linux下编写运行Qt程序)
  7. 前端学习(3190):react简介二
  8. python实现非对称加密算法_Python3非对称加密算法RSA实例详解
  9. 《软件需求分析(第二版)》第 14 章——需求管理的原则和实践 重点部分总结
  10. 学好Python爬取京东知乎价值数据
  11. Spring 的循环依赖:真的必须非要三级缓存吗?
  12. 格兰杰因果关系检验r语言_R语言 t检验t.test
  13. 前端开发响应式布局和移动端布局有哪些特点和区别?
  14. 传输层协议(8):滑动窗口(2)
  15. linux三星电脑开机怎么进入页面,三星Samsung笔记本电脑开机进入BIOS的方法与BIOS设置全功能菜单(F2)...
  16. qt制作简易的视频通话
  17. 复选框的对勾颜色怎么改
  18. 海思3559A平台4GB LPDDR配置方案
  19. 如何通过QA质量管理提高软件质量?
  20. sesame芝麻开门operrdf研究2

热门文章

  1. C++面向对象(黑马程序员)
  2. Struts2学习三拦截器
  3. 米哈游新游正式公测!还没上线就已经“爆了”!
  4. 弘辽科技:提升销量能增加店铺权重吗?如何做好?
  5. 外设测试 - 4G 模块测试
  6. VScode安装git插件使用说明
  7. 关华迅—积累 读“万卷书”找投资感觉
  8. pytorch中AdaGrad优化器源码解读
  9. 《操作系统实验》模拟基本分页存储管理
  10. python如何生成gif