动态大屏 | 学会使用这些动态交互效果,可视化大屏立马魅力十足!
商业智能(BI)与大数据分析软件
效益,因管理而变,管理因我们(Smartbi)而变

商业智能(BI)与大数据分析软件

效益,因管理而变,管理因我们(Smartbi)而变

动态大屏 | 学会使用这些动态交互效果,可视化大屏立马魅力十足!

发布时间:2022-06-29      游览量:5417


在可视化大屏的开发过程中,我们往往需要增加一些动态效果和交互效果,比如轮播、动态闪烁、定时刷新、钻取、跳转等,这样既能让大屏更加美观炫酷,还能进一步探索信息分析原因、辅助决策!


640.gif


今天小麦就给大家分享部分动态效果和交互分析效果,让大家感受一下它们给大屏带来的魅力!



 动态效果 


1

自动轮播效果


轮播效果既可以丰富大屏的展示内容,又能让大屏内容展示更加有条理。目前,根据使用场景可以把轮播分为单组件轮播、多组件轮播和大屏轮播。


单组件轮播是指轮播时只显示一个组件。如下图,每次轮播展示一个地图组件,用于展示贷款余额、累计投放、基础用户等指标数据的区域分部情况。



640 (1).gif



多组件轮播和单组件轮播类似,只是在轮播时显示多个组件或多组件的组合。它通常用于相关多个内容的轮播,比如不同区域的销售对比、服务分类利润占比等组合图的轮播切换。



640 (2).gif



大屏自动轮播是指轮播展示多个整体大屏。以房地产大屏为例,领导想在设备上看到的投资分析、经营分析等多方面的数据,但是一张大屏无法满足要求,就可以制作多张大屏轮播展示。


Smartbi使用内置的Tab页或页签组件实现轮播效果。通过简单地拖拽关联资源,并设置显示方式位为跑马灯,即可实现组件自动轮播。



2

地图动态效果


地图是可视化呈现非常重要的元素,常用于展示地理分布情况。我们可以通过一些动态效果来强调地图的重要信息或是增加感染力。


地图数据点动态轮播根据数据点依次轮播数据标签,它可以解决地图数据点密集时,数据标签重叠或不美观的问题。如下面的地图模板,遍历显示中国不同省份的销售数据。



640 (4).gif



地图动态时间轴根据时间发展顺序依次查看不同区域的指标分布情况,往往能让用户感受时间发展带来的改变。比如,最常见的是展示近十年来的人口分布情况。


640 (5).gif


地图航线动效是用飞机航线的方式展示起点到终点数据的动态效果。比如,下图分别查看北京、广州、上海游客去各个城市的旅游情况。



640 (6).gif



3

其他图形动态效果


此外,我们通常会给图形增加以下动效来加强大屏的炫酷和科技感,比如水球图增加波动效果,饼图、进度图增加旋转或闪烁效果等。



640 (7).gif



4

表格滚动效果


表格滚动将表格的数据以滚动的形式来展示。它主要用来解决当表格数据较多无法在大屏中展示全的问题,目前产品支持逐条滚动表格和逐页滚动表格两种方式。



640 (8).gif



5

自动刷新


组件或大屏数据刷新功能,可以帮助用户及时查看最新数据。如下图,通过自动刷新及时更新电网规模和资产数据,以便监控数据变化。




 交互分析效果 


1

语音操控大屏


利用Smartbi自研提出的NLA技术,通过语音命令即可查看大屏、切换大屏、数据筛选、进行交互分析操作等,从而彻底解放双手,让汇报工作更加智能便捷!







2

Tab页点击切换


Tab页点击切换可以让用户在大屏汇报时,方便查看更多的信息。如下图,手动切换Tab页签,可以展示不同指标的地图分析。


640 (10).gif


Tab页切换和轮播组件类似,支持单组件、多组件和多大屏切换。当我们设置组件显示方式是Tab页时,则是手动点击切换。此外,切换样式支持横向、竖向形式。



3

钻取


钻取是一种分析方法,它包括上钻、下钻等,通过点击图表来实现维度层次转换的一种分析效果。目前比较常用的有地图钻取、时间维度钻取和自定义图表钻取三种方式。


地图钻取是地理层次维下钻,比如从“省份”下钻到“城市”,从而获取到细分地理区域的数据分布情况,也支持上钻回去。



640 (11).gif



时间钻取是时间层次维钻取,比如时间下钻是从“年”下钻到“月”再下钻到“日”,也支持上钻回去。



640 (12).gif



地理和时间维度通常是在数据模型中含有内在的层次关系,在大屏可视化/仪表盘展示中无需配置即可直接钻取。


自定义钻取可以实现没有层次关系字段之间的下钻。如下图,“发货区域”下钻到“联系人”,实现查看区域销售额情况后,进而了解区域中销售人员的销售额情况,还支持上钻回去。



640 (13).gif


4

点击跳转


用户想查看明细数据或是实现多个资源的互动,以便全方位地分析追踪问题时,这时就可以用跳转的方式来实现。目前Smartbi的跳转打开方式包括新窗口、新Tab、悬停、浮动、替换源页面多种方式,并支持参数传递,用户可以根据需要来选择打开方式。



640 (14).gif



5

筛选联动


筛选通常用于以点击切换筛选条件方式,过滤出符合条件的数据结果。


640 (15).gif



联动是指点击图形或是表格可实现图表间的联动。如下图,点击广东省不同市的数据点,即可实现其他图表资源的联动,实现设备监控。



640 (16).gif


6

图形缩放


当数据过多,数据无法完全显示全,可以通过图形缩放自由调整显示区域,使数据查看更清晰、更灵活。



640 (17).gif

地图缩放




640 (18).gif


柱图轴缩放



对于以上图形表格的动效效果,Smartbi产品内置丰富的组件模板来供用户复制使用,详细了解点击这里


此外,本文大屏的模板已经上传到麦粉市场,如有需要欢迎下载!


640 (2).png



↓ 小伙伴可以复制下方链接至PC端打开噢 ↓

https://my.smartbi.com.cn/score.html



新一代商业智能BI工具

你已经点过赞了
Copyright© 广州思迈特软件有限公司  粤ICP备11104361号

电话咨询

售前咨询
400-878-3819 转1

售后咨询
400-878-3819 转2
服务时间:工作日9:00-18:00

sales邮箱

商务咨询请联系邮箱

邮箱地址:sales@smartbi.com.cn