说到可视化,很多人首先想到的一定是火非常大的屏幕。
在我身边很多从事可视化的朋友看来,越来越多的公司拥有将可视化大屏幕作为企业数据工作展示的“高级手段”和“对外平台”,让这些制作大屏幕的人很痛苦,很多IT人最害怕听上司的话。 ”。
其实,将大屏幕可视化,不仅仅是视觉上美丽、酷炫、符合数据的科技感,更重要的是强调重点数据,达到美观与实用性并存的效果。 我以前也在某个团队为公司制作过可视化大屏幕。 经过与用户的反复谈判、修改,最终制作出了几个令人满意的大屏幕。
FineReport大屏幕
FineReport大屏幕
FineReport大屏幕
这样的大屏幕不仅具有高端科技感,而且经过多次布局和修改。 这次大银幕的效果在业内交流的过程中反响很好,在这次大银幕开发的过程中,我也总结了自己的大银幕技术并分享了一些。
做大屏的一点经验分享
首先,我们介绍一下我们用来制作大屏幕的工具——FineReport 10.0。 采用最新的可视化大屏幕图表。 默认采用深色背景荧光配色,非常适合沉浸式大屏幕体验。 另外,根据图表类型和数据要求,可以提供“轮播”和“刷新”两种视频格式,能够满足不同场景下的业务需求。
另外,FineReport10.0最厉害的地方在于,它可以通过基于webgl等技术不断优化和调整动画来获得更简洁、更酷的效果。
通用的大屏设计原则
大屏幕的设计主要分为两个块,一个是数据指标的选择,另一个是与这些指标对应的组件的使用。
其中,首先必须明确要分析的指标是什么。
比率指标是指销售额完成率、产品完成率等除以两个值后的指标。 时间序列指标:指按月销售统计等时间粒度排列的指标。 数字的合计类别指标:表现为销售总额、用户总量等合计数字。 文本类指标:这类是纯文本展示的指标,如单词组图、人员名单等。 子部分布类指标:这类指标是指根据地区、分公司、产品线等子部分布展示一个主要指标的指标,如地图、各分公司的销售额分布图等。 指标明确后,选择与这些指标对应的组件。 一般来说,请遵守以下原则。
1、大屏幕指标8-12个比较好
FineReport大屏幕
大屏幕的展示空间有限,不可能把所有的数据都堆在大屏幕上。 领导者想看到的只是重要的数据。 因为大屏幕的指标数最好在8~12个之间。 这也是数据指标数量的主流配置。 在这个数量的时候,整个大屏幕看起来既不是空的也不是破的。
少于8个,大屏空着,不经济;多于12个,这样多的数据指标就挤在一片透亮的云层里,要实现有序的秩序,确实考验设计者的实力。
但是,如果数据指标真的很多,无法减少,建议使用报告块来整合这些数据。 这样可以在一个报告中显示多个数据指针,而不会占用太多的空间。 例如如下所示。
2、比例类、数字类和子代分布类指标要合理安排比例类、数字总计类和子代分布类指标,使其与食物中的碳水化合物、脂肪和蛋白质一样,确保摄入量和营养平衡。
这就是比例、数字总计和子代分布三大指标,每片透亮的云几乎必然出现,出现次数多,次数分布也比较均匀的原因
样的:
一般大屏都需要有数字总计类的指标,而且往往是核心指标,这样方便领导知道核心指标目前的总体状况。但是仅仅一个数字并不能反映出当前指标的完成情况,所以也需要有比率指标,它反映了部分占总体的占比。
另外,比率也只能体现一个占比情况,要想知道总计类指标的各个组成部分的具体情况,还需要子部分布类指标,例如用地图展示出全国营业额中各个地区的营业额情况。
所以大家要善用这三类指标,都要有,而且数量要均衡。
3、时间序列指标、文本指标不可过量
时间序列类指标和文本类指标就像食物里的微量元素,是必须摄入的营养,但是不可过量。
对于文本类的指标,因为领导们看大屏就是想摆脱枯燥的传统表格类报表,如果在大屏上还是大量出现,领导肯定是要发火的。
而时间序列指标的出现概率甚至跟数字总计类指标的概率一样,这是因为时间序列类的指标可以反应某个数据随着时间变化的趋势,这是相当直观而有意义的。不过,虽然我们可以通过季度,月度和日这些不同的粒度将一个数据指标用多个图表展示,但是这样并没有意义,选择最合适的一个粒度就好,多了没有必要。
4、高频组件尽量减少重复
报表块、饼图、柱形图、仪表盘、折线图、条形图和地图这几个组件出现的频率都非常高,可以说是大屏图表组件里面的常规武器了。
很多同学可能都觉得这些组件大家都用烂啦,这有什么可说的啊?
我本来也这样以为,但是看完了所有的这些经典大屏后,我发现自己还是tooyoung,too simple!原来这些常见的组件也可以千变万化,玩出花来,比如地图可是是这种:
仪表盘也可以做成这种:
还有这些
其他的组合图,饼图,折线图等等也有好多千变万化的玩法,大家在以后做大屏的时候可以多尝试变换一个样式,可能会有意想不到的效果哦。
5、使用3D效果
通过设计师设计的图片作为背景来拓宽图表样式,实现3D柱形图、3D圆环图等效果,设计师设计自定义图片,图片为具有一定特效的图表,把数据去掉。
或者,可以通过上文提到的报表块叠加,将图片作为底层背景,上层叠加数据,即可实现自制图表效果。
6、自定义地图
通过自定义图片作为地图背景,重新描点形成json文件,实现地图的3D倾斜效果。
设计师设计自定义地图,输出地图图片(压缩到1M以内最好,不然加载太慢)设计器点击服务器->地图数据,进入地图编辑页面,自建自定义地图,放入压缩好的图片对地图描点,根据实际业务情况描点(可按省份描也可按大区描)保存json文件,重启设计器即可在地图图层中选到自定义地图。
总结
其实大屏的设计一方面需要不断积累经验,另一方面也需要善用大屏工具,一个好的可视化工具能够让你做起大屏来得心应手,像我这一次用的FineReport就完全没有涉及编程,换成是数据小白也一样能够做出高端大气的大屏。
福利:关于FineReport个人免费版的获取,可以私聊回复我“大屏”获得!
极速赛车位置相加减公式图,虽然我们可以通过季度,月度和日这些不同的粒度将一个数据指标用多个图表展示,但是这样并没有意义,选择最合适的一个粒度就好,多了没有必要。
4、高频组件尽量减少重复
报表块、饼图、柱形图、仪表盘、折线图、条形图和地图这几个组件出现的频率都非常高,可以说是大屏图表组件里面的常规武器了。
很多同学可能都觉得这些组件大家都用烂啦,这有什么可说的啊?
我本来也这样以为,但是看完了所有的这些经典大屏后,我发现自己还是tooyoung,too simple!原来这些常见的组件也可以千变万化,玩出花来,比如地图可是是这种:
仪表盘也可以做成这种:
还有这些
其他的组合图,饼图,折线图等等也有好多千变万化的玩法,大家在以后做大屏的时候可以多尝试变换一个样式,可能会有意想不到的效果哦。
5、使用3D效果
通过设计师设计的图片作为背景来拓宽图表样式,实现3D柱形图、3D圆环图等效果,设计师设计自定义图片,图片为具有一定特效的图表,把数据去掉。
或者,可以通过上文提到的报表块叠加,将图片作为底层背景,上层叠加数据,即可实现自制图表效果。
6、自定义地图
通过自定义图片作为地图背景,重新描点形成json文件,实现地图的3D倾斜效果。
设计师设计自定义地图,输出地图图片(压缩到1M以内最好,不然加载太慢)设计器点击服务器->地图数据,进入地图编辑页面,自建自定义地图,放入压缩好的图片对地图描点,根据实际业务情况描点(可按省份描也可按大区描)保存json文件,重启设计器即可在地图图层中选到自定义地图。
总结
其实大屏的设计一方面需要不断积累经验,另一方面也需要善用大屏工具,一个好的可视化工具能够让你做起大屏来得心应手,像我这一次用的FineReport就完全没有涉及编程,换成是数据小白也一样能够做出高端大气的大屏。
福利:关于FineReport个人免费版的获取,可以私聊回复我“大屏”获得!