可视化大屏项目操作步骤详解

1、可视化大屏项目操作步骤详解可视化大屏项目实施流程1需求调研：最耗费时间，最重要的一步。大屏需求调研是大屏项目的重中之 重，搞清楚业务需求，做出来的大屏才有应用的价值，这个过程需要和业务方沟 通确认，耗时很长，不少大屏项目前期需求没沟通清楚就动手开发，后面改到哭 爹喊娘。除了业务需求调研之外，如果要在硬件上展示的大屏，还需要对大屏硬件进行需 求调研，比如大屏显示设备采购、分辨率输出等等:大屏展示什么指标，指标如何布局，一般需要列一个指标清单，和业务方明确。然后图表的样式，可视化交互功能，如钻取、联动、轮播等，根 据排版好的内容落地成盒原型图demo。JlBcDImwi.博g 指不身罕不HKR0C

2、正峰1?妙 fj序节E痞m 哝3类养斥H m近季宦照西戒本为海14 捋陶成4消*酎1兄 _斐灌铉近定宦佃勇_蛭点爆如8再“ 裁银 旋匠1成即如将照夷憎第1 花家P!扇三WUUSJ?正浏瑁皿话里炎拙初=!.蓄段州SfiSE自上三.隹耳W矢够*2后曲fl： 蟀能！仲4E赫 的丘排名B借望志丽6： 邻宙瞰皿庙里芸碰占 询塑嬷疝控W天尊彭3-SSEP&e = 茵.门差以映 近旺1期融据口演右式：高纸沽单Cl h U1 . El n 113.蓝图方案：然后根据原型图进行视觉美化，需要结合屏幕尺寸、分辨率、大 屏的风格来设计。对于大屏而言，蓝图方案除了业务、数据、技术、实施方案外， 更重要的是对大屏的指标

3、、功能点、预期效果进行整理输出。4,效果落地：根据蓝图在前端绘制demo立件BtB Wtt HE曰声 IS; 2D：2S 12 hrip -nln-*D? -mc-2 ERRCA |uvwlird| JuwjaIOEkcC5 d El国走.宜U国章Ki理， 4 * X =b *fc Kdl 4 stir ill.n ,ffi IE菱臣触jMF.nineivcn玷MBE加白tWO品牌布lh Id h据处理：数据处理大致分为三步，底层数据处理，前端数据展现，数据校 对。根据数据量和实时性需求权衡是否需要做结果表。数据量小（计算简单），准实时，不需要结果表数据量大（计算复杂），准实时，需要结果表。数

4、据量小（计算简单），实时，不需要结果表。数据量大（计算复杂），实时，需要技术方案（如kafka+flink）6、大屏调试：理论上显卡分辨率和PC端调试分辨率一致的情况下且字体自适应，不需要过多调试，在条件允许的情况下，建议在效果图落地甚至原型图设计阶段就进行大屏预调试。这样一套流程下来，一个大屏项目周期在10-20人天不等，如果需求复杂，很 有可能一个项目耗费1-2个月，这之后还有相当大的维护工作要做，所以单纯从技术角度去做一张大屏很容易，但是要完成一个实用的大屏项目并不简单，望大家慎重考虑后动手。可视化大屏技术上如何实现？通常做大屏前端方案设计有三类选择，是自行开发，利用开源的自定义可视化

5、图表；是利用日【/报表厂商的工具来制作；是找集成商定制，可以软硬件一 体化承包。自行开发。比如基于vue、Echart框架构建大屏展示模板，网上有很多开源源码。其自带一些动效，比如数据动态刷新渲染、屏幕适应、内部图表自由替换、Mixins 注入等功能，这个是前端。后端需要另写一套框架请求数据，一般java。后端开发比较麻烦，如果数据需求复杂的话，比如需要多源数据连接，不断的数 据抽取和更新，定制开发难度会上升，代码复杂了多了还有BUG，制作周期比 较长，维护成本比较高。我遇到的很多项目前期都是做了源码开发的尝试，最后因为不稳定，没人维护等 原因走了商业开发。大屏定制厂商：这种定制不是那种简单的

6、图表展示。通常都是特殊需求，如3D 建模，所以往往需要专业做可视化的厂商来按需定制。技术上基于三维的引擎如 ventuz或者unity来定制大屏效果。商业定制效果通常来说都是最优的，但实 施成本和后期维护成本也是极其高昂的，实施几百万不等。BI/报表做大屏幕。现在很多大屏项目都是用BI/报表工具来开发，比如帆软的FineReport虽然其本身是报表工具，但其实市面上能很好解决前端展示和后端数据读取连接 的平台。再者本身提供构建可视化的“画布”（在FineReport里叫设计器）， 拖拽操作，对大屏的和移动设备也提供了一套高效可用的设计模式，构建可视化 的成本比较低，上手也比较容易，光这一点就能

7、节约一周的人天。SJ Im- 1 L 一# X管WH归立件WBt 牡区曰声 蠢 20:31:22 hrip-niD-&O7S-iKac-2 ERRC |ttvwlird| JjwjalOEK-43 C E反定夕.ms部皿1 * *崩屯牛Xj? DtmoHS.Irm责 demGa.FrmM 02derrw.FrmM iQ Fomi? L_frm 叫dtmo doc ffcne Fie portISdEnra AWAn Ifi# 旬I Q *BngUrQ CeMO.frm Q OflrrfiMT-月 saUftWHiP)痈牌忏，国川0 iJBt-HiG：!.,.导 HABEH -供用定丈麻林 国

8、ififltfiiwi.l 曰史r m 害 *JW: AdUdl* MfcB* 1UHJB1 MJM： aiui JA1CQg,11,3可视化方面，为大屏效果专门提供可复用模板和组件，能满足绝大部分大屏的需求，涉及到特殊3D模型，也可和专业厂商做集成，提供建模实施方案。盘品 H团糖制8爵9M1 玮. * trLi u3543S400319145n rii.MKI H4 口 AM MA H?J0 J5IM SEbt*一_ , _ T二三三*三XF芯壬M:另外，项目管理往往需要考虑成本，人力成本和后续的维护成本。FineReport 具备前端展示和后端数据读取的技术条件，平台化的产品，后续维护成本

9、很低。大家对可视化大屏有哪些认知误区？我们经常能在网上看到很多视觉效果非常惊艳的效果图，拿来做参考，但是大部 分的效果图都不能百分百复现，因为我们实际实施时需要适配屏幕分辨率，比如 字体能否自适应大小。一些动态展示如3D旋转以及图表空间和数据刷新的速率 也无法看见，基本上实际图做出来会和效果图差那么一两成。很多人把大屏理解为单纯的前端展现技术，想的太简单了，数据从哪里来，是读 业务数据库还是建立中间库，数据更新的频率要求是什么，数据质量有无问题还 要先做底层数据处理？硬件方面，需要明确大屏的尺寸、种类、驱动大屏的主机？业务方面，大屏展示 什么指标和维度，业务分析逻辑谁来支撑？这些都是要考虑的。