倒计时,在我们的生活的处处都有倒计时的身影,或者可以说时时刻刻都在倒计时,它常常出现在数据大屏中,且适用性很强,适合各种场景的大屏。

在我们的生活中随处可见的倒计时,在某多、某宝、某东等处处都有倒计时长的身影。还有节假日的倒计时、高考倒计时、纪念日倒计时啊,可以说在生活中到处都是倒计时。

倒计时长是个能够帮助用户高效管理时间的小组件,大家可以对自己的重要工作、重要日子,设置一个时间,能实时看到距离这天还剩多少天,避免因为忙碌而错过了时间,让你更好的规划自己的日程,不管是生活中,学习中还是工作中都是非常实用的。接下来小编就带大家一起来了解倒计时长这小组件。

今天小编也是带大家来了解一下这个组件,进入可视化互动平台,在左侧数字组件列表中即可找到倒计时长这个组件。

右侧也是有诸多的属性,大部分都是组件样式的调整。图层参数这个属性是对倒计时长的时间类型的一个展示,有着多种的时间类型选择。其余就是一些基础属性了,在这就不过多的介绍了。

接下来让我们来了解一下在数据可视化平台中倒计时长这个组件的数据是怎样填充的。

其中要注意“value”里面的值必须为整数,且是毫秒的类型,如果倒计时长的时间太长,建议大家上百度把时间换算成毫秒。

“title”为标题的意思,在时间的上方。

“unit”和“trend”可以直接理解为在时间的右边和左边,这个看下图更好理解。

倒计时长肯定不是单单把时间倒数完就没了,闹钟这个倒计时都会响一下,这个组件当然也有对应的动作了。

在事件中开启“倒计时结束事件”这个按钮就有四个事件供大家选择。组件参数这个文本框必须为大小写字母。

下面用一个GIF来简单演示下这个响应用户事件的功能。

到这里这个组件的功能也是了解的差不多了,想要亲身体验一下可以网上上搜索。

倒计时适用于各种数据大屏相关推荐

  1. 【转】设备数据通过Azure Functions 推送到 Power BI 数据大屏进行展示

    设备数据通过Azure Functions 推送到 Power BI 数据大屏进行展示(1.准备工作) 原创 Sean Yu 云计算实战 2019-12-06 本案例适用于开发者入门理解Azure F ...

  2. 《七天数据可视化之旅》第七天:可视化设计实战-数据大屏

    <七天数据可视化之旅>第七天:可视化设计实战-数据大屏 Destiny,某物流公司数据产品经理,目前从事数据平台搭建和可视化相关的工作.持续学习中,期望与大家多多交流数据相关的技术和实际应 ...

  3. Quick BI 数据大屏快速入门

    数据大屏是面向企业数据消费者,将可视化和场景叙事技术结合,运行在智能设备上,非接触式连接的酷炫大屏,满足CXO大盘.业务监控.以及对外PR等场景.从而推动企业数据群体消费. 数据大屏的常见应用场景包括 ...

  4. 数据可视化系列-04数据大屏基础知识

    文章目录 5.销售数据看板 5.1 了解数据大屏基础知识 1.数据大屏简介: 2.数据大屏使用场景 3.数据大屏分类 5.2 数据大屏的设计: 1.大屏前端设计流程 2.数据大屏设计尺寸解析 3.可视 ...

  5. 爆肝十小时,为你总结出最全的数据大屏适配屏幕方案

    前言 近期公司投放在展厅大屏中演示的大数据页面,出现了文字.图表.表格等多类组件显示错乱的情况,大部分原因还是适配问题. 我们做数据大屏时,因为显示器尺寸不同,会导致展示的时候有留白区域,效果不好,所 ...

  6. web大屏展示用到的组件_从零开始设计数据大屏—基于Vue

    为什么要做数据大屏? 现如今的大数据逐渐发挥出了它的力量,并无形的改变着我们的生活.但大数据在不是从事技术开发的人来说没有很明显的感受,很多人对大数据的概念只是停留在每年网易云音乐对个人听歌的汇总上. ...

  7. 可视化大数据大屏设计

    可视化大数据大屏设计 一.如何做好一款大屏 1.1工具的选择 帆软报表工具Finereport 1.2大屏设计 通用的大屏设计原则 1.大屏指标在8-12个为宜 2.比率类.数字类和子部分布类指标要合 ...

  8. 阿里巴巴双11数据大屏背后的实时计算处理

    作者:藏六.黄晓锋.同杰 1.双11数据大屏的实时计算架构 1.1 背景 2016年的双11我们的实时数据直播大屏有三大战场,它们分别是面向媒体的数据大屏.面向商家端的数据大屏.面向阿里巴巴内部业务运 ...

  9. 【双11背后的技术】双11数据大屏背后的实时计算处理

    选自<不一样的技术创新--阿里巴巴2016双11背后的技术>,全书目录:https://yq.aliyun.com/articles/68637 本文作者:藏六  黄晓锋  同杰 1. 双 ...

最新文章

  1. 急招 Golang 熟手,来做 5G 事业。
  2. 安装 Ffmpeg 步骤
  3. leetcode243. 最短单词距离(vip题)好像挺简单?
  4. java 加锁_Java并发之synchronized深入
  5. 第一次用AX2009正式版!
  6. web项目嵌入Jetty运行的两种方式(Jetty插件和自制Jetty服务器)
  7. 阶段5 3.微服务项目【学成在线】_day01 搭建环境 CMS服务端开发_21-页面查询服务端开发-Dao-分页查询测试...
  8. DWR学习笔记--转载
  9. Pascal VOC 2012数据集下载(速度很快)
  10. Blender场景建模练习:破旧的公寓楼
  11. 火狐上如何使用谷歌翻译插件_将Google翻译功能添加到Firefox
  12. 只需45秒,Python给故宫画一组手绘图!
  13. Android Fingerprint完全解析(一) :Fingerprint整体框架
  14. Unity开发常用工具
  15. PyQT5打包后报错:Could not find QtWebEngineProcess.exe
  16. Android兼容性测试的一些坑
  17. 放大招!百味勺子硬件设计篇
  18. mark glossiness==1.0
  19. oracle安装遇到 [INS-20802] Oracle Net Configuration Assistant 失败。
  20. [渗透测试学习靶机03] vulnhub靶场 Empire LupinOne

热门文章

  1. HTML5期末大作业:餐饮饮食网站设计——奶茶(6页) HTML+CSS+JavaScript html大学生网站开发实践作业...
  2. VR全景视频如何制作?能够应用在哪些行业?
  3. 前端-解除事件的绑定
  4. 文件上传——后台上传文件并进行后缀名和大小限制
  5. lightroom 闪退_为什么玩游戏会闪退
  6. python统计元音字母个数_python正则表达式如何统计元音?
  7. 超简单的IphoneX适配方案
  8. linux文件描述符泄漏,文件描述符(fd)泄漏排查一篇就够了
  9. 2的23次方减1的python_2的n次方(python计算2的n次方的算法)
  10. bootstrap的使用方法及其基本模板