9个不为人知的动态效果,让你的可视化大屏瞬间上升10倍逼格

文末有模板

一、大屏常见动态效果

1、图表轮播

使用场景:图表轮播是帆软图表中内置的功能,其作用是在同一区域轮播显示两个以上图表,图表之间有一定的关联关系或共同组成一个小的主题模块。

如下模板中,有三组图表自动轮播的效果。每组轮播中都有相关的两个图表,如“整体情况-去年”、“整体情况-今年”分别描述了托管规模与收入的整体情况。

正常情况下,图表自动轮播,若需要单独关注某个图表,可将鼠标悬浮在图表上,让轮播暂停。

自动轮播更适合参观展示大屏场景,也可以添加按钮做手动轮播,在驾驶舱大屏中有较多的应用场景:

2、tab页轮播

使用场景:tab页轮播可以轮播多个组件或组件的组合,不限于轮播图表。tab轮播可以是自动的,也可以是手动点击tab标签切换。tab页轮播的使用可以让大屏展示的信息更丰富,同时不会让大屏内容显得杂乱无章。

如下图的模板中,A、B、C三个校区的人员占比、人员健康数据分别在三个tab页中,在大屏上轮播展示,同时也可以手动切换。

3、tab块实现模板轮播

使用场景:模板轮播在大屏上也是常见的需求,以驾驶舱大屏为例,领导需要在会议室电视机上查看的数据可能不止某一方面,门店运营数据、销售回款数据等都要关注,而一张大屏无法排布这么多的数据指标时,通常可以制作多张大屏,用轮播的效果展示。

以下图中的模板为例,一共有3张模板要轮播,结合了场景地图自带的场景切换按钮,在切换或轮播场景的同时轮播了模板,整个模板形成了逻辑上的连贯,同时又展示了三张模板的信息。

4、图表数据提示点轮播

使用场景:为了大屏视觉设计的美观整洁,我们通常隐藏掉了大量的图表标签,但又希望图表信息展示全面,此时可以使用图表数据提示点轮播的方式,依次轮播图表中每个系列的具体数值。

如下图中的模板,为了大屏美观我们使用了扩展图表中的特殊形状柱形图,并隐藏掉标签,使用图表数据点轮播提示,让图表具体数据也能被展示出来。

5、地图数据提示点轮播

使用场景:当地图上有密集的区域和数据标签时,不宜展示所有数据点,但完全不展示具体数据会遗漏很多信息,此时,地图数据点轮播提示是一个很好的功能应用。

在下图的模板中,依次遍历了山东省每个市的高速收费数据,既保留了整洁美观的视觉感,又通过轮播引导观看者了解每个市区的信息。

如果使用的地图是扩展图表中的类别,那么轮播gis点地图和场景地图的轮播效果比普通地图更有场景感。

6、表格跑马灯效果

使用场景:表格是大屏上常见的元素,但表格在大屏上的面积占比不宜过大,那么表格信息无法展示全的时候,就可以应用表格滚动效果(3形式像跑马灯)。

如下图中的模板,产品销售排名明细表中,需要展示的产品记录数超过表格高度,使用表格跑马灯效果使数据能展示完全。

7、滚动消息

使用场景:滚动消息用于显示一条多多条消息文本,文本数据是静态的,不需要起到监控、分析等效果,但同样需要引起观看者的注意。以滚动的形式展示即不需要太大的空间,又可以通过动态效果引起注意。

8、图表闪烁动画

使用场景:图表闪烁动画用于对图表中异常或需要特别关注的数据系列突出显示,用闪烁+警示色的效果,让图形更突出,是监控类看板中常用效果。

如下图中的模板,对监控用的图表设置一条警戒线,同时对低于警戒线数值的系列设置条件变色和闪烁动画效果,让异常的数据突出显示。

9、文本条件变色

使用场景:文本条件变色主要用于对某些特别关注的数据做实时监控,可设置对表格中的数据和指标卡中的数值设置此类条件。

如下图中的模板,对“今日来访园区”表格设置了条件属性变色,若来访者体温字段的数值超过37.0,该行数据会变色,在大屏上起到警示效果。

大屏模板分享

最后把之前做的大屏模板都分享给大家,大部分都是用FineReport开发的,直接在系统里套用就可以,先放个获取方式,私信回复“模板”即可!

(0)

相关推荐

  • 《可视化大屏白皮书1.0》出炉!关于帆软可视化大屏,你想知道的都在这!

    以下为<帆软可视化大屏白皮书1.0>部分内容,全文下载请直接下滑至文末: 一.什么是大屏 大屏,是以大屏幕为载体进行可视化展示的统称.可视化通常被理解为一个制作图表.生成图形图像的简单过程 ...

  • 「大屏设计开发指南」实例讲解超大屏设计,附教程和素材

    同样使用FineReport开发大屏,为何我做出来的可视化效果总是达不到要求?是因为天生没有审美天赋吗? 其实,大屏模板开发只要掌握好设计技巧,普通的开发人员也能作出设计师级别的可视化效果,大师兄特地 ...

  • PowerBI 6月更新,这几个功能你应该会用到

    PowerBI Desktop6月恢复了正常的更新节奏,如约而至,依然是发布了长长一大串的功能改进,官方博客的介绍非常详尽,我就不再赘述了,如果想看视频介绍,可以在我的知乎主页上观看,已加上中文翻译字 ...

  • Ctrl T,创建超级表。Excel中好实用的功能

    Hello,各位朋友大家好,今天我们一起来学习一下Excel中的非常实用的超级表.创建超级表的快捷键是Ctrl+T或者是Ctrl+L. 一.功能: 功能可以用五个字来概括"创建超级表&quo ...

  • 这10个绝赞的Excel小技巧,让你半小时工作缩短到3秒!

    Hello,各位叨友们好呀!我是叨叨君~ 今天跟大家分享10个绝赞的Excel小技巧,那些以前需要花很长时间才能搞定的事情,用这些小技巧,几秒种就能搞定,能让你大大提升工作效率. 1.快速复制表格 复 ...

  • 教你快速制作一款高级的可视化大屏

    可视化大屏成了最近两年最火爆的需求,一方面甲方公司都想做炫酷的可视化大屏,来用作公司数据展示,还有些特殊行业如交通.运输.工厂制造,会做更高级的3D建模等. 另一方面市场上有很多厂商都声称能够做大屏, ...

  • 掌握四点就能做好数据可视化大屏!

    数据的变化,往往能够真实地反映出显著的变化.而在展馆中运用数据可视化大屏展示企业数据,真实.客观地让用户了解到企业的发展变化,让更多用户信任企业,从而提高企业的知名度. 展馆中若是想要做出好的数据可视 ...

  • 不写代码,从0到1教你制作炫酷可视化大屏

    从大屏可视化出现以来,一直深受各界企业的追捧,最典型的就是每年淘宝的双十一销售额大屏,最近我也刚接触了一个大屏项目,借此总结了一些可视化大屏制作经验与大家分享.文章写的比较细,请耐心阅读 可视化大屏制 ...

  • Excel和PPT已经落后了,可视化大屏强在哪?一次看过瘾

    文末有... 今天看见这么一个问题: 我得说,这真是一个好问题!可能会有如下回答: Excel的数据透视表操作麻烦,用BI拖拽一下就能有结果 整合多源数据,很多类型的数据就能一起分析了 可视化快速.美 ...

  • 不用写代码的可视化大屏,一口气把工具和方法都教给你

    原创IT技术管理那些事儿2021-01-29 16:53:58 前段时间公司的领导偶尔看了阿里.天猫的大屏,也非要吵着要做可视化大屏,但是我们公司没有阿里天猫那样的技术基础和资金支撑,这可让我们IT部 ...

  • 20个炫酷的数据可视化大屏

    导读:今天给大家推荐一篇关于数据可视化大屏的文章,内容由本文作者 小F 整理,希望大家喜欢. 随着大数据的发展,可视化大屏在各行各业得到越来越广泛的应用. 可视化大屏不再只是电影里奇幻的画面,而是被实 ...

  • 推荐四款可视化工具,解决99%的可视化大屏需求

    来自:JEECG官方博客 链接:https://blog.csdn.net/zhangdaiscott/article/details/109057686 小编最经常的工作是将一些项目的数据从数据库导 ...

  • 数字化转型工具-数据可视化大屏

    数字化的时代,我们的生产生活时时刻刻都被数据记录着,如今数据可视化的实现效果非常频繁的应用就是数据大屏了.数字大屏作为数字化转型的重要工具可以帮助用户从数据中抽取关键点,帮助用户优化业务,从而快速的识 ...