每年雙十一，天貓都會在整點時刻直播戰績，可怕的戰績背後，不知道大家是否留意到背後的數據大屏，簡直炫吊炸天。

屏幕上不僅實時刷新着數據，更滾動着全球交易記錄，以淘寶的數據體量，簡直尤物。

圖片源自網絡

所謂大屏，顧名思義就是一個很大很大的屏，是一種可視化技術的展現，經常用在園區展覽中心，城市交通管控中心，交易大廳，還有老闆們的辦公室。

其原理就是将一些業務的關鍵指标以數據可視化的方式展示。比如天貓大屏中的不同地區、不同品類、不同品牌的銷售額還是交易單數、用戶數等等。然後投到一塊或多塊LED大屏上。（一般上到大屏的都是很關鍵的指标）。

你們一定都好奇，類似天貓雙十一的大屏是怎麼做出來的？

其實技術上可以用代碼開發或現成的可視化工具來實現，但數據量支撐、後台響應、實時更新、平台運維等需求，性能卻各有差異。

如果用代碼開發，雖然隻要有足夠的人力、财力和技術，舍得投入，都能做出來，但應用成本對大家甚至大部分企業來講，就太高了。

用現成的産品，能相對簡單高效的搭建一個數據大屏。

這不，當即就有用戶用FineReport簡單做了一個。（忽略2017）

本文就借着雙11的這波熱點，一起來瞅瞅如何快速的搭建一個大屏頁面，借助FineReport。

第一步我們得先下載安裝FineReport。

大多數工具都不是專做數據大屏的，比如報表類工具，BI類工具，大屏隻是其中的一種應用。像FineReport，它本質上是一款商用的報表工具，不僅能做可視化，還更多用于企業的業務報表制作。

（PS：商用指企業部署啊，這裡自己做做大屏還是免費的哈！）

運行FineReport，并建立好數據連接，從萬千數據中，取出你要展示的數據表。

連接的數據可以是常見的關系型數據庫，也可以是像Excel這樣的文件數據，也支持和大數據平台對接。

如圖所示，是我們連接的測試數據，這次示例分析一下雙11銷售數據。

數據準備好之後，接下來就是大屏的模闆制作。

先建一個空白大屏模闆（決策報表），如下所示，原理就是再下面這個空白版上拖拽一個一個可視化組件（圖表之類的），然後綁定數據。

在制作之前，我們需要思考在這個空白界面上，要展示哪些有關雙11的數據。

仔細琢磨了一下，大概設計了如下布局，中間是主要展示的主題，左右兩側是子主題。

确定了要展示的内容之後，需要思考用什麼樣的可視化形式來展現每一個主題的内容。

常見的就是套圖表，FineReport中内置幾十種可視化圖表，光數據地圖就有近十種，再結合不同的動效。

下圖是梳理了十幾種常見圖表類型适用的場景：

從FineReport設計器的快捷欄中，拖拽合适的元素到畫布中，如下示意圖所示。中間主要展示雙11全國區域的訂單情況，所以我們選了熱力地圖，其他模塊根據需要分别選了柱形圖、餅圖、詞雲圖等。

然後基于步驟二中準備好的數據，分别為每個圖表組件設置好數據來源。

至此，第一版初稿完成了，在浏覽器中預覽的效果如下圖：

以上我們把大緻的框架搭好，但是總覺得不那麼好看？

為什麼呢？因為缺幾樣東西，一個是主心骨（總領全局的突出指标），一個是配色。

so，我們先來給加一個全局指标，也就是我們關注的銷售總額數據。

從快捷欄中拖入一個表格組件，并在表格中綁定銷售額數據。

可以浏覽一下效果，是不是瞬間覺得整個頁面有了主心骨？

緊接着，開始對配色進行調整。

這個時候，如果你懂一些美工方面的知識，或者說公司有專門的美工同學，那就事半功倍，照着美工的效果圖，以及給的顔色參數和邊框素材，調整就行。

如果沒有美工怎麼辦呢？那就隻能任由自己審美發揮了......

參照着官方給的demo樣式，各種配色調整。背景色、圖表顯色、線條、字體樣式、動畫效果......

這方面FineReport正如新版Excel樣式功能，可以各種自定義設置，針對各個細節美化調整。比如我随手調了幾個深色系樣闆（忽略我被人诟病的直男審美，美工集體三亞玩去了，隻能做到這樣了）：

到上一步，搭出的demo基本可以看了，頂多是差強人意，離優秀還有些距離的。好吧，繼續優化。

比如為頁面添加一些合适的圖片背景或者邊框元素，比如設置圖表的動畫效果。

其次，也是大家比較好奇的，如何産生實時數據？其實就是設置監控刷新，來實時更新數據。

下圖是我給地圖添加了數據監控及自動數據提示，會根據後台數據變更情況實時在頁面上展示。

如果你開始熟練掌握FineReport，還可以發現更多有趣的玩法。

這裡礙于篇幅，就不展開細講了，大家可以通過finereport的教學文檔進一步了解，也可以通過帆軟社區進行視頻課程的學習，下面秀幾張高階效果圖給大家看看。

也許大家對這樣的大屏會嗤之以鼻，眼花缭亂，毫無實用，用華麗的視效堆疊起來博人眼球。

在效果之外，還是提倡大家更注重可視化能否經得住業務價值的推敲？數據是否帶來了價值？是否為企業經營提供了幫助？

在設計展現指标時多調研多涉獵，從以往“酷炫就行”的思維模式中走出來，更多關注數據本身的價值。

一般可選用LED拼接屏，或者一體機。

一套完整拼接屏具備哪些硬件？

最合理的，還是要找大屏硬件商去實地勘察、溝通需求，因為受場地及客戶實際需求、應用場景的影響，每個項目做實施時用到的設備肯定不一樣。

一些常用設備如下，僅供參考：

A用于最終呈現圖像的拼接單元：液晶拼接屏屏、DLP背投單元、PDP等離子拼接屏等，一般單個尺寸在46-55寸，通常是FHD屏幕；

B用于固定拼接單元的支架：一般都是由提供拼接單元的廠家配套提供，因為隻有廠家本身最了解自己産品是如何固定安裝的，特别是大規模的拼接系統，更需要高效率、高穩定性的原配支架；

C用于實現信号接入處理并輸出給拼接單元的拼接處理器：一般為基于FPGA架構的純硬件拼接處理器，可以實現多達上百路的高清、4K信号輸入和輸出；當然也有通過多屏顯卡來實現的低成本X86架構的系統，缺點是再想接入更多其他信号（如來自DVD、攝像頭）的話，X86架構會比較吃力。

D傳輸專用的視頻線纜：DVI、HDMI、SDI等與信号格式相匹配的高品質線纜。如果采用的線纜品質有問題，可能引發噪點、無信号、閃屏等異常情況

E一般還要配置一台電腦，用于安裝拼接屏與拼接器的管理軟件：控制拼接屏的開關、拼接器的預案、窗口布局、信号切換等。軟件由提供拼接處理器的廠家配套提供；

F穩定的供電：拼接系統整體功率比較大，特别是開關機的瞬時電流很高，因為要預防電湧對系統造成的異常損壞，不能通過一次性拉閘的方式直接開關，所以超過15塊屏幕的系統最好還需要時序電源進行控制開關（也就是一組一組陸續開機關機）。當然如果為了省錢，也可以用人工逐個開啟接線闆的方式。

還不趕緊下finereort嘗試下？

,