程序员加班一周总结出可视化大屏效果,9种炫酷组件打包带走!

文 | 商业智能BI相关文章 阅读次数:816 次浏览
2024-03-01 15:39:32

最近参加行业大佬分享会,被他们公司的可视化大屏震撼到了。

说实话,可视化大屏这东西,我见多了,之前也经常给大家分享酷炫的大屏模板。但这位用的是3D可视化大屏,专业一点叫做3D智慧大屏,形式层面比之前2D的抓眼多了。

于是我马上抓住机会向人家取取经,这到底如何呈现的。回来研究很久,花了好几天时间整理出这9种大屏较常见的应用场景,毕竟是行业前端人物都在用的工具,有什么理由不收藏呢!

1、图表轮播

使用场景:

图表轮播是的作用是在同一区域轮播显示两个以上图表,图表之间有一定的关联关系或共同组成一个小的主题模块。

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

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

2、tab页轮播

使用场景:

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

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

3、tab块实现模板轮播

使用场景:

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

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

4、图表数据提示点轮播

使用场景:

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

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

5、地图数据提示点轮播

使用场景:

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

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

6、表格跑马灯效果

使用场景:

表格是大屏上常见的元素,但表格在大屏上的面积占比不宜过大,那么表格信息无法展示全的时候,就可以应用表格滚动效果。

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

7、滚动消息

使用场景:

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

8、图表闪烁动画

使用场景:

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

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

9、文本条件变色

使用场景:

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

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

可视化大屏炫酷组件,大屏模板组件,图表轮播

在当前的数字信息化时代,借助FineVis这样的数据可视化产品,可以让企业高效监控业务指标,助力经营分析决策。目前,市场主流的数据可视化软件FineVis,整合了数据源、超强模板编辑器、丰富的模板素材资源,最重要的是,它支持低门槛搭建3D场景,快速简单上手,提升了数据可视化应用效率。FineVis提供强大的数据可视化设计、开发和多终端展示能力,将工厂、园区、产线、产品等业务相关物体映射到数据世界中,助力企业全方位释放数据可视化的价值。可视化大屏炫酷组件,大屏模板组件,图表轮播

FineVis可视化大屏产品更多介绍: https://www.fanruan.com/finemax

产品体验

相关内容

目录
立即体验 立即体验

商务咨询

在线咨询
专业顾问帮您解答问题

电话咨询

技术问题

投诉入口

微信咨询

返回顶部