“要解決這個問題，必須搭建一塊實時資料看闆”
3年前，計算機博士鄧毓博辭去高校教職，創業做起“網際網路+牛肉面”的生意——生産标準化的速食牛肉面，放上淘寶售賣。他的品牌“牛大坊”，剛開張第一年就賣出了20多萬份面，但他并不滿足于此。
鄧毓博的終極理想，是用“雲供應鍊”整合牛肉面産業的各個環節，革新線下店鋪的經營模式，讓蘭州牛肉面與麥當勞、肯德基一樣，标準化。2016年下半年，鄧毓博帶着這個想法找到好友老财，老财經營的包菜網絡是家技術解決方案公司，過去兩年協助大量餐飲連鎖店完成資訊化改造，兩人一拍即合。于是，鄧毓博的網紅牛肉面團隊，正式轉型做起供應鍊服務。
改造的第一步，就是讓街邊的牛肉面實體店鋪變得智能，裝上了三大系統提升效率：點單支付和收銀系統、crm 使用者管理系統、erp 庫存控制系統。留存在上述系統裡的銷售資料，過去都是各個門店自己做盤點，再由店長上報到總部的營運部門做彙總，鍊路過長且容易出錯。對分秒必争的供應商來說，減少資料彙總的時間損耗，正是商機所在。鄧毓博和老财認定，要解決這個問題，必須搭建一塊實時資料看闆。
“奮鬥半個月終于整出了原型，卻發現這是個大坑”
老财聯想到天貓雙十一交易資料大屏，何不把牛肉面的實時銷售搬上大螢幕，這樣也友善業務人員即時監控與調整。于是，前端同學照着雙十一大屏悶頭開發起來，奮鬥半個月終于整出了原型，卻發現這是個大坑，資料大屏對技術要求非常高，要做到商業化應用， 開發成本相當高，粗略算下來至少要150人日。
這還沒算後續的運維和更新，以及一些更現實的問題：
·面對高速增長的業務需求，這樣的時間人力成本是很大的負擔；
·資料可視化的設計和實作都比較困難，要做到性能和效果都ok的程度，對于複雜資料的設計展現還是有很高專業要求的；
·設計出來的很多圖表與特效對于本來就任務繁重的開發同學更是耗時耗力，大螢幕上分辨率适配的種種問題也很麻煩。
”為了理想方案反複選型，不僅限于效果炫酷”
于是老财開始反複比較和選擇相關資料展現的産品和工具，資料可視化不能僅限于效果好看，作為企業應用選型，我們需要考慮長期與實際業務場景的結合比對度，資料展示是否回答業務問題，影響決策，才是真的産生價值。
對于我們來說，理想的資料看闆需要實作三個功能：
1、資料實時 2、可視化 3、一屏展現多個名額。
這3點看起來容易，實際需要考慮的事情還是很繁瑣的，比如：
1.資料實時：
為了實作實時資料展現，必須要實時提供公司的業務資料，這就需要足夠安全、穩定的雲服務做基礎，這是我們必須考慮的根本問題。
2.可視化：
既然要做資料看闆，為的是脫離枯燥的資料表，動态地看到資料變化和趨勢，對于資料展現的效果肯定是有一定要求的，美觀和實用的平衡度也是極重要的。
3.一屏展現多個名額：
對于各個名額的資料展示，我們有各種細分的需求，這需要相當豐富的元件庫，最好還能讓不同的元件能關聯起來展示，這樣就能完成初步的資料鑽取了！
正當犯難之際，老财發現阿裡雲 datav 正是雙十一資料大屏的搭建工具，在 datav 裡靠拖拽元件和簡單資料配置，就能做出同樣的效果。考慮到雲服務的安全和穩定性，加上datav為業務需求誕生的基因，我們對這個産品的實用度還是比較有信心的。很快，技術方案敲定，datav 作為牛肉面資料大屏的前端展示，對接智能門店系統背景資料。
基礎版 ？企業版？哪個更順心
來到datav的購買頁，發現還要做版本選擇，各種細化的對比一不小心就看花眼了，為了先測試一下是否好用，還是先選擇了基礎版，讓前端同學上手試着搭建了一個大屏試了試。
第一個大屏1小時内就搭建好了，後來發現大屏的分享安全性是個很嚴肅的問題，通過比較發現企業版能夠加密分享，考慮到企業長期使用的穩定性，為了企業的業務資料安全分享，減少麻煩，最後還是決定更新為企業版更安心一些。
另一方面，老闆特别要求了：“一屏要能展現多個名額！”，對于各個名額的資料展示，各種細分的使用場景是不同的，而且随着業務的發展，未來會有更高的要求，這需要相當豐富、并且不斷更新的元件庫，最好還能讓不同的元件能關聯起來展示，這樣就能完成初步的資料鑽取了！
前端同學發現，企業版在資料源的選項、大屏項目數量、元件的豐富度都遠遠高于基礎版的配置，考慮到業務快速發展的需求，多樣化的資料源和強大的元件庫這塊也是我們更新企業版的重要原因。
從0到1的datav資料可視化大屏搭建經驗
資料準備：搞定資料來源和資料加工
技術團隊采用了阿裡雲數加的全套方案，首先通過實時采集腳本，定時執行采集任務，通過阿裡雲的多資料源資料同步能力，把相關業務資料抽取出來，確定時效性，又不影響正在發生的目前業務。接着在資料應用層通過腳本實時運算，彙總成用于最終顯示的資料模型。再通過接口把要顯示的可視化前端元件資料通過 api 的方式和 datav 對接即可。
使用api的方式，可以穩定的對外提供接口，保證資料輸出的統一性。比如，飛線處理，需要把交易的實時發生地動态轉化成坐标，這裡技術團隊用到了高德地圖的服務。假設需要換成其他服務商，隻需改動api内部的邏輯代碼，對資料展示層來說無需變化，這極大地保證了穩定性 。另外，選擇由伺服器發起http代理請求，也解決了跨域等問題，datav 的設計考慮到了不同場景的需要。
（圖3：蘭州牛肉面資料大屏技術架構圖）
根據業務需求，拖拽元件：
牛大坊資料大屏主要使用了翻牌器、支付地圖，物料庫存柱狀圖，實時排名清單，扇形百分比等元件。
（圖4：使用 datav 制作蘭州牛肉面大屏的界面）
通過交易地圖以及套餐實時交易排行榜，能夠實時掌握各區域銷售情況和各品類銷售情況，友善實時跟蹤目标進度，調整政策等。通過物料庫存柱狀百分比元件，相關人員随時看看大屏就能知道各個區域的物料消耗情況，提前進行部署和庫存排程，大幅減少損耗，高效提前備貨。
（小編備注：更多上手文檔，迅速開始
“解放開發同學，營運人員也不再苦等各門店的資料彙總”
蘭州牛肉面資料大屏誕生後，極大提升了牛大坊的營運效率，現在鄧毓博的營運人員不再苦等各門店的資料彙總。每天上班，看看大屏，就能知道各個區域的物料消耗情況，提前進行部署和庫存排程，大幅減少損耗，甚至很多時候，比門店還提前知道備貨量。
嘗到甜頭後，鄧毓博堅定了深耕資料化标準化營運的決心。同時，蘭州牛肉面協會也向當地商務局推薦了這個資料大屏，希望能應用到更多的領域。
----------這一天已經不遠了，未來你在路邊吃的每碗蘭州牛肉面背後，都會藏着大資料的力量。此刻我隻想問，黃焖雞、麻辣燙和沙縣小吃，你們還在等什麼。
小編結語
以上洋洋灑灑介紹了牛大坊/包菜網絡科技的應用案例，相信老财對資料可視化解決方案的選型思路對各位也有所啟發，特别是選型過程中發現的datav對于企業營運資料分析的強大威力，感興趣的話趕緊去 datav 資料可視化裡試試吧。
<a href="https://data.aliyun.com/visual/datav?spm=5176.8142029.388261.74.tpzdrk">https://data.aliyun.com/visual/datav?spm=5176.8142029.388261.74.tpzdrk</a>
另注datav的最新動向：datav接入echarts圖表庫 可視化利器強強聯手