近两年,随着大数据的发展,数据可视化大屏项目逐渐从原来的政府企业应用到企业。从事数据行业这么多年,也参与了很多大屏项目的开发,也感受到了大屏企业需求的不断变化。两年前,大
近两年,随着大数据的发展,数据可视化大屏项目逐渐从原来的政府企业应用到企业。从事数据行业这么多年,也参与了很多大屏项目的开发,也感受到了大屏企业需求的不断变化。
两年前,大家都喜欢用“大数据屏”这个词,而现在,大数据屏已经不仅仅是简单的将数据以可视化的形式显示在大屏幕上。企业对大屏的要求更多,比如“交互性”、“3D”、“动态”等等。他们渴望像科幻电影中那样,冷静而自由地掌握和操纵数据。
从我身边很多从事数据产品开发的朋友来看,越来越多的公司正在将可视化大屏作为企业数据展示的“高级手段”和“外部平台”。老板总说“给我做个高端大气的视觉大屏!”,然后团队就陷入了大屏幕视觉开发的噩梦。
其实视觉大屏只是数据可视化展示的一种形式。虽然需要在视觉上美观酷炫,但核心是显示关键数据,做到美观与实用并存。很多人在做大屏的时候往往在视觉上下了太多功夫,界面设计花哨,最后影响了关键数据的显示。
为了帮你避坑,今天给大家分享几个各行业好看的大屏视觉模板,并附上一个简单易学的大屏模板制作教程。
大屏幕的类型和模板大屏可视化一般有四种应用场景:监控预警、实时指挥、信息公示、公众举报
监控预警屏,如生产车间监控屏,需要实时监控关键指标的数据,并能在指标异常时实时预警。
实时指挥屏,如交通指挥屏,需要同时监控多个现场视频,实时显示多个指标数据,发布交通管理任务。
信息公示和公开报道的大屏幕,如公司的销售管理屏,可以从多个角度展示和报道业绩或业务经营情况。
1。工程建设指挥部大屏幕:
2。用于高速监控的大屏幕
3。项目管理大屏幕
4。银行管理大屏
5。快递业务管理中心
6。零售业务分析大屏幕
7。制造业生产运行指数分析
8。销售管理中心
9。汽车大屏幕驾驶舱
10、双十一大屏
大屏幕模板制作教程
至于大屏项目的整体流程和模板开发前的准备工作,我之前在文章里已经讲过了。今天我就只说说大屏模板的制作过程。
大屏可以通过代码开发或者现成的可视化工具实现,JS+Ecahrts应用广泛,但在数据量支持、后台响应、实时更新、平台运维等方面应该调用更多的技术。我不是这方面的专家,这里就不赘述了。
一个简单快捷的方法就是使用现成的可视化工具,比如Fansoft FineReport,Ali dataV等等。用我熟悉的FineReport简单演示一下制作过程:
FineReport其实是一个功能强大的报表开发工具,基本可以满足所有的报表开发需求。其决策报告模式专门用于开发可视化大屏幕和驾驶舱。使用交互式操作界面,低代码开发理念,点击拖动鼠标即可完成图表制作。
用FineReport连接数据库,定义制作过程中要用到的数据集(具体操作请参考官方帮助文档,为节省篇幅我就不说了),然后新建一个决策报告,从面板中选择要使用的图表组件,拖动到面板中:
然后将数据集绑定到图表。例如,如果要显示不同销售人员的销售额,单击右边面板上的数据,选择适当的类别、系列名称和系列值,图表就会制作出来:
大屏幕实际上是几个图表组件的集合。通过排版和布局,将核心数据放在显眼的位置,在核心数据旁边辅助辅助信息。的常见版式如下:
然后,根据设计好的大屏幕布局,我们将相应的图表拖动到设计器中面板的相应位置,然后分别定义数据连接:
FineReport内置了丰富的图表类型,如常见的柱形图、条形图、气泡图、散点图等。,以及一些高级的扩展图表插件,如3D地图、3D动态仪表盘、自动轮播、动画特效等。,提升大屏科技感。
但是,对于动态图表的使用,不要堆砌太多。一两个就足够画龙点睛了。过多使用动态图表和特效会让人觉得眼花缭乱。
在基本的图表布局和图表数据连接完成后,我们还需要对大屏的色彩搭配和细节进行优化,使大屏的整体视觉统一美观。
设置大屏幕背景
大屏建议选择深色,这样数据显示更明显,也容易营造出科技感。所有图表的背景颜色要统一,不能左红右黄。它看起来不协调,分散注意力。另外,大屏幕背景除了使用色彩,还可以使用图片或者动态背景,效果会更好。官方文件还提供了很多背景材料:
动态星形空背景
图表配色方法如下:
如何设置背景:选择正文,点击属性>:样式,选择背景图片,设置图片格式为拉伸:
除了背景之外,我们还可以给大屏幕添加一些细节,比如给图表添加边框,给大屏幕添加文字主题、边框、视觉图标等等。
设置方法如下:设置方法如下:
最后点击预览,就可以看到最终的效果了。完成的大屏幕模板也可以作为链接与其他人共享:
与其看教程,不如试试教程。文章中涉及的工具,教程部门模板资料,完整的demo都要收集起来,如果需要的话。