大屏可视化项目数字以三位,分隔大于万显示,含小数处理

function tranNumber (num, point) {
  // 将数字转换为字符串,然后通过split方法用.分隔,取到第0个
  const numStr = num.toString().split('.')[0]
  // 小数点的位数
  const num1 = num.toString().split('.').length > 1 ? ('.' + num.toString().split('.')[1]) : ''
  if (numStr.length < 5) { // 判断数字有多长,如果小于5,表示1万以内的数字,让其直接显示,并以三位,分隔
    return parseFloat(numStr).toLocaleString() + num1
  } else if (numStr.length >= 5) { // 如果数字大于5位,让其数字后面加单位万,并以三位,分隔
    // const decimal = numStr.substring(numStr.length - 5, numStr.length - 5 + point)
    // return parseFloat(parseInt(num / 10000) + '.' + decimal) + '万'
    return parseFloat(parseInt(num / 10000)).toLocaleString() + '万'
  }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
大屏可视化项目是指利用大据技术和可视化技术,将海量的据以直观、易懂的方式展示在大屏上,帮助用户更好地理解和分析据。这种项目通常用于据分析、决策支持、监控和预警等领域。 一个典型的大大屏可视化项目包括以下几个步骤: 1. 据采集:从各种据源(如据库、文件、API等)中采集据,并进行清洗和预处理,以便后续的可视化展示。 2. 据存储:将采集到的据存储到适当的据存储介质中,如关系型据库、NoSQL据库、据仓库等。 3. 处理:对存储的据进行处理和计算,以生成可供可视化展示的据。 4. 可视化设计:根据项目需求和用户需求,设计大屏的布局、样式和交互方式。可以使用HTML、CSS和JS等前端技术来实现可视化效果。 5. 据展示:将处理好的据通过可视化组件(如图表、地图、仪表盘等)展示在大屏上,以便用户直观地观察和分析据。 6. 据更新:根据实际需求,定期或实时地更新据,以保持大屏上展示的据的准确性和实时性。 7. 用户交互:为用户提供交互功能,如筛选、排序、放大缩小等,以便用户根据自己的需求进行据的探索和分析。 8. 故障监控:监控大屏系统的运行状态,及时发现和处理故障,确保大屏的稳定运行。 一个示例的大大屏可视化项目是使用datart平台进行可视化。datart是一款开放平台,支持各类企业可视化场景需求,如创建和使用报表、仪表板和大屏,进行可视化据分析,构建可视化据应用等。它提供了丰富的可视化组件和交互功能,可以帮助用户快速搭建和展示大大屏

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值