資料視覺化大屏成為了這兩年很火爆的一個需求。

一方面，不少甲方都想做這麼酷炫的大屏，用於公司展廳、日常經營監控，還有些特殊行業如交通、運輸、工廠製造，會做更高階的3D建模等。

另一方面，市面上可提供做大屏的技術、工具和廠商層出不窮，似乎能和資料搭上邊的都能做大屏。

大屏真的像一些文章說的神乎其技嗎，真的那麼低門檻零成本？

如果是這樣，我作為一個做技術，尤其是做了十幾個大屏專案實施，也不會禿頭了......

先來說說幾個誤區。

誤區一：網上看到的絕大部分大屏都是效果圖

效果圖和實際圖最大的區別就是效果圖都是靜態的，實際實施時需要適配螢幕解析度，比如字型能否自適應大小。一些動態展示如3D旋轉以及圖表空間和資料重新整理的速率也無法看見，基本上實際圖做出來會和效果圖差那麼一兩成。

再者啊，這個效果圖很多線上網站，圖表外掛都可以直接設計出，像我們在做專案前也需要美工幫出幾版效果圖，所以你無法透過效果圖來判別廠商的專業度尤其是實施能力。

誤區二：認為大屏僅是前端技術？NO！

資料從哪裡來，是讀業務資料庫還是建立中間庫，資料更新的頻率要求是什麼，資料質量有無問題還要先做底層資料處理？

硬體方面，需要明確大屏的尺寸、種類、驅動大屏的主機？

業務方面，大屏展示什麼指標和維度，業務分析邏輯誰來支撐？

這些都是要考慮的。

誤區三：大屏成本低，零程式碼實現？NO！

據我所知，一個大屏專案十幾萬是常有的事，上千萬的大屏專案我也見過。

大屏的成本除去前端設計和定製還有硬體費用，一個大屏硬體都是十幾萬、幾十萬起步。另外有一些智慧城市、製造行業有3D建模需求的，需要定製建模渲染，那成本就是無底洞了，有待商榷。

大屏的前端技術實現有很多種方案，有低程式碼的繪製，也有全程式碼的定製，取決於技術和需求，技術和業務需求總是相互取捨的，後面會詳細講這塊。

什麼是大屏？

個人理解大屏指的是一種 利用超大螢幕進行視覺化展示的形式 ，常見的大屏有智慧城市，參觀大屏等等。

最容易被誤解的就是dashboard儀表盤，dashboard是屬於報表一類，也可以當成視覺化報告，一般圍繞不同業務分析需求有不同主題的dasnboard。

而大屏通常是集領導所關注的業務指標與於一體展示，比如財務經營銷售等核心指標，展示企業業績，展示工廠狀態的，通常數量不會多。

大屏的分類：

大屏的軟硬體技術：

大屏的實施：

大屏的技術實現

如何實現應該是最多人最關心的。

通常做大屏前端方案設計有三類選擇，①是自行開發，利用開源的自定義視覺化圖表；②是利用BI/報表廠商的工具來製作；③是找整合商定製，可以軟硬體一體化承包。

自行開發。 比如基於vue、Echart 框架構建大屏展示模板，網上有很多開源原始碼。

其自帶一些動效，比如資料動態重新整理渲染、螢幕適應、內部圖表自由替換、Mixins注入等功能，這個是前端。後端需要另寫一套框架請求資料，一般java。

後端開發比較麻煩，如果資料需求複雜的話，比如需要多源資料連線，不斷的資料抽取和更新，定製開發難度會上升，程式碼複雜了多了還有BUG，製作週期比較長，維護成本比較高。

我遇到的很多專案前期都是做了原始碼開發的嘗試，最後因為不穩定，沒人維護等原因走了商業開發。

大屏定製廠商 ：這種定製不是那種簡單的圖表展示。

通常都是特殊需求，如3D建模，所以往往需要專業做視覺化的廠商來按需定製。技術上基於三維的引擎如ventuz或者unity來定製大屏效果。商業定製效果通常來說都是最優的，但實施成本和後期維護成本也是極其高昂的，實施幾百萬不等。

BI/報表做大螢幕。 現在很多大屏專案都是用BI/報表工具來開發。

雖然其本身是報表工具，但其實市面上能很好解決前端展示和後端資料讀取連線的平臺。再者本身提供構建視覺化的“畫布”（在FineReport裡叫設計器），拖拽操作，對大屏的和移動裝置也提供了一套高效可用的設計模式，構建視覺化的成本比較低，上手也比較容易，光這一點就能節約一週的人天。

視覺化方面，為大屏效果專門提供可複用模板和元件，能滿足絕大部分大屏的需求，涉及到特殊3D模型，也可和專業廠商做整合，提供建模實施方案。

另外，專案管理往往需要考慮成本，人力成本和後續的維護成本。FineReport具備前端展示和後端資料讀取的技術條件，平臺化的產品，後續維護成本很低。

主張低成本，產品化的實現較好的大屏效果。如果是做專案也能負責底層資料處理，梳理指標，構建元件，本地部署，安全性有保證。

實際大屏專案實施流程

再來說說實際大屏專案是怎麼實施的。

以帆軟FineReport製作大屏專案為例，整個大屏開發流程可劃分為六個階段，每個階段都是大屏迭代更新的過程，目的是漸進明晰。

需求調研： 大屏硬體是否已有，還是需要採購，大屏所支援的解析度輸出。

原型設計： 大屏展示什麼指標，指標如何佈局，一般需要列一個指標清單，和業務方明確。然後圖表的樣式，視覺化互動功能，如鑽取、聯動、輪播等，根據排版好的內容落地成盒原型圖demo。

藍圖方案： 然後根據原型圖進行視覺美化，需要結合螢幕尺寸、解析度、大屏的風格來設計。對於大屏而言，藍圖方案除了業務、資料、技術、實施方案外，更重要的是對大屏的指標、功能點、預期效果進行整理輸出。

效果落地： 根據藍圖在前端繪製demo，用FineReport就是在設計器決策報表中構建一個個視覺化元件。

資料處理： 資料處理大致分為三步，底層資料處理，前端資料展現，資料校對。根據資料量和實時性需求權衡是否需要做結果表。

• 資料量小（計算簡單），準實時，不需要結果表
• 資料量大（計算複雜），準實時，需要結果表。
• 資料量小（計算簡單），實時，不需要結果表。
• 資料量大（計算複雜），實時，需要技術方案（如kafka+flink）

大屏除錯： 理論上顯示卡解析度和PC端除錯解析度一致的情況下且字型自適應，不需要過多除錯，在條件允許的情況下，建議在效果圖落地甚至原型圖設計階段就進行大屏預除錯。

整體實施下來，一般一個大屏大概在十~幾十人天不等，看需求複雜程度。如果是需要定製的話一般一個月起，按需求和工作量評估~所以如果不是極其特殊的需求，走報表/BI實現是不錯的選擇，個人之見！

就分享到這兒吧，希望能給有大屏需求的朋友一些指導，如有不當之處可以指正！