蘭州拉麵和水電大壩都在玩的數據大屏，到底是什麼「黑科技」？

文/鄭新林

當「數據大屏」成為一種可以標準化輸出的可視化解決方案，非專業的小白也能輕易上手？7月15日數據俠實驗室第15期活動中，阿里雲開發專家、DataV核心開發者鄭新林為我們介紹了阿里在大屏方面的產品布局，並通過多場景的大屏應用案例，從技術角度分享了如何通過DataV系統快速搭建一個數據大屏。

天貓雙11數據大屏，衍生出了一個新商機

還記得最近兩年天貓雙11現場那塊叫人驚艷的數據大屏嗎？喏，2015、2016年的大屏分別長這樣：

（圖片說明：2015年天貓雙11現場大屏）

（圖片說明：2016年天貓雙11現場大屏）

這塊屏引人注目不僅僅是因為它足夠大，也因為數據的實時呈現和畫面的渲染技術。以2016年現場這塊大屏為例，在主屏的中央，是實時變化的成交金額。左上角則是全球熱賣榜，左下角顯示的是實時物流配送情況。右上角呈現的是農村淘寶的情形，右下角則是全球交易熱度。

通過一個大屏，能將多方面的實時信息第一時間展現出來，同時還能讓人有一種酷炫的感覺。這樣的大屏場景應用需求如今無疑是越來越多了。無論是發布會、商業活動、展示等，你會發現，各類活動現場的數據大屏逐漸多了起來。

作為天貓雙11數據大屏的出品方，阿里旗下的DataV可視化團隊看到了其中的商機：對外輸出數據大屏技術解決方案，幫助非專業的工程師通過圖形化的界面更容易地搭建相應的可視化應用。

7月15日，在數據俠實驗室第15期的活動中，DT君邀請到阿里雲開發專家、DataV核心開發者之一的鄭新林，為我們分享了數據大屏背後的商業應用場景，以及通過DataV的系統，非專業的小白們，如何才能快速搭建一個數據大屏呢？

（DT君註：以下內容根據鄭新林現場演講整理，並略作編輯，文中小標題為DT君所加。）

數據大屏的典型商業應用場景：展示、監控、工業、電商等

今天我主要通過案例來講講，如何將數據大屏的應用場景和數據來結合。

第一個例子，是第一財經此前基於DataV產品搭建的一個大屏，主題和全國的房價有關。大家都知道，從去年下半年開始，全國都開始做限購，很多媒體都在做這方面的新聞。

（圖片說明：基於DataV技術製作的全國房價大屏）

這個圖上有地理信息，非常直觀。圖上還羅列了一些柱狀圖之類的來對比。這個跟傳統的媒體的做法不一樣。現在仍有很多媒體，在做汽車、房產、金融等方面的報道時，通篇都是文字，沒有數據圖表，讀起來會比較艱難。做成了大屏這種形式，相對來說會比較有意思，也比較吸引眼球。

第二個例子則是一家遊戲公司做的一個項目，這就不僅僅是展示的作用了。

（圖片說明：基於DataV製作的遊戲業務監控大屏）

屏幕左右區域展示了遊戲在當前運行狀態下的實時監控信息。這種屏幕的作用不僅僅只是為了好看和更直觀，還有一個作用是監控。其數據可能是直接採集自它的線上活躍用戶，並能直接和屏幕打通。這樣做有個好處：一旦系統裡面有異常情況，可以很直觀地發現。

另一個例子是某電廠的案例。我們都知道電廠有很多工業設備、發電機組、變壓設備等。還有就是和公共電網併網以後，輸出功率的展示問題等。有了一個大屏之後，也可以做到實時監控，迅速發現問題、解決問題。現在有很多工業場景，其實都有類似的需求。

（圖片說明：基於DataV製作的火電廠監控大屏）

另外一個例子，是大家比較熟悉的蘭州牛肉麵，就是一家做食品類的公司，它把自己的銷售、渠道供應鏈等數據都和地圖結合起來。可以直觀地看到它在各地的材料的消耗情況。從中可以判斷，如何快速補充原材料、配送怎麼做。對於其他很多大公司比如亞馬遜、菜鳥等，只要數據分析或者AI等做得足夠好，物流等方面的需求是可以預測出來的。但小企業則需要直觀地看到數據的變化，靠「人肉」來分析。

（圖片說明：基於DataV製作的蘭州牛肉麵生態數據平台案例）

如何通過DataV製作一個數據大屏

上面提到的這些案例，其實都基於DataV這個產品來搭建。DataV目前可以提供一些模板，很多都是我們通過之前的案例沉澱下來的。用戶可以直接參考這些模板來進行設計。在整個屏幕開發的第一步，放什麼內容、怎麼來設計，一般是最讓人糾結的。通過參考案例，可以減少糾結。

在展示這個層面，除了模板，我們還有豐富的組件可以直接調用，省掉了寫代碼的環節。我們還接入了ECharts, AntV-G2等第三方開源圖表庫，這些組件使用起來非常簡單，我們也在考慮向外界開放，開發更多的第三方組件出來。

（圖片說明：DataV圖表庫頁面）

除了展示的問題，還有很多人會關注數據從哪裡來，數據怎麼放等問題。為此，我們也提供豐富的數據接入，並會詳細說明數據怎麼和圖表結合，屏幕怎麼拼接會顯得更簡潔一些等。

DataV整個產品大致有幾個方面的功能。

首先是編輯工作區，我們在編輯區解決數據怎麼粘貼的問題， 將數據和組件連接起來。

（圖片說明：DataV圖形化編輯界面）

整個屏幕編輯完成後，會被發布出來，作為展現的載體。在發布環節，我們提供了多種適配和發布方式，也可以和很多其他的應用集成在一起。

（圖片說明：DataV發布頁面）

此外，我們有些客戶不希望自己的數據放在公網上，他們可以將系統部署在自己的本地伺服器上。在區域網內編輯。

（圖片說明：DataV產品本地部署流程）

另外，需要指出的一點的是，當大屏上放了過多的組件，並附有3D渲染等複雜效果的話，整個大屏可能是跑不動的，硬體驅動方面也會受到一些限制。我們對此也提供了解決方案：把屏幕切分成不同的區塊，各自運行，而在播放視頻的時候，又可以快速地把畫面拼接在一起。就比如雙11現場那個大屏，其實我們也是切分成了很多個細小的區塊，這樣有助於減少給硬體驅動帶來的壓力。

今天的實驗室主題叫做「數據可視化的最後一公里：場景·商業·未來」，總的來說，我們目前做的事情，應該算是在將可視化和商業整合方面跨出了一小步。

DT君發福利：文中涉及到的DataV數據大屏案例都可在DT數據俠後台獲得，方法：關注DT數據俠（DTdatahero），後台回復「數據大屏」。

註：本文整理自數據俠鄭新林演講內容，已經本人審閱，文章僅代表作者觀點。整理| 胡世龍

數據俠門派

本文數據俠鄭新林，阿里雲開發專家、DataV核心開發者之一。

「數據俠」欄目網羅全球最IN的數據俠客，利用人工智慧、機器學習等各種前瞻演算法，從數據的視角洞察消費生活的方方面面，打造理性酷炫、活潑有趣的數據分析盛宴。用大數據，闡述事實及其背後的故事和邏輯趨勢。

DT君年度巨獻

7月27日，DT君將帶著「地鐵1公里」小組空降深圳，發布首份《深圳城市大數據活躍報告》，同時推出基於大數據的交互可視化在線工具，歡迎各位數據愛好者掃碼報名親臨現場。屆時，請關注DT財經微信公眾號（ID：dtcaijing），了解獲取報告的方式。