DataV實踐：創建迪士尼樂園實況大屏

Eastboat 發布于2019-08-21 18:24 / 1648人閱讀

摘要：我是一個迪士尼樂園的愛好者，我想擁有一塊大屏能實時顯示迪士尼樂園的情況，以便我覺得今天去不去樂園，去樂園玩什么項目。。。完成效果附上我的小書房，這下抬頭就可以看到樂園的實況，是不是很方便呢附上我的微信，歡迎喜歡迪士尼和前后端的一起交流

我是一個迪士尼樂園的愛好者，我想擁有一塊大屏能實時顯示迪士尼樂園的情況，以便我覺得今天去不去樂園，去樂園玩什么項目。。。

數據來源

我寫了一個抓包的程序，每天獲取一次樂園運營數據（項目開放時間，狀態燈），每5分鐘獲取一次樂園實況數據（排隊時間、客流量等）

現在用的還是Mysql存儲，計劃轉Redius，運行了快一年了，數據量太大性能越來越差~

關于DataV

DataV 是阿里云出品的一款數據可視化應用，可以通過圖形可視化的界面快速搭建專業旨讓更多的人看到數據可視化的魅力。

一般應用在交易大廳，展覽中心，管控中心，老板辦公室等等場景，把一些關鍵數據集中展示在一塊巨大的LED屏幕上，其實就是巨大化的Dashboard，是當今數一數二的裝逼方式！

開始制作

進入[https://datav.aliyun.com]()官網。
我購買的是基礎版，51一年，不是很貴，功能對當前需求夠用。

布局規劃

可以先借助草圖工具規劃一下：

頂部設計：因為是實時大屏，時間必不可少，頂部為時間 - 標題 - Logo 的布局

左側設計：樂園客流量趨勢，樂園主題園區熱度，顯示樂園和各個主題園區的熱門情況

中間設計：上部分為輪播所有項目的等待時間+演出項目的時間表，下部分用柱狀圖顯示核心項目的排隊時間

右側設計：樂園平均等待時間 + 熱門項目等待時間 + 樂園指數，顯示樂園整體和熱門項目的情況

選擇模板

DataV提供了多套模板針對不同的場景，這里第一個就非常適合這一套項目

選擇創建大屏進入編輯界面

頂部制作

選擇輔助圖形 - 添加時間器，再給標題加個邊框，再加個Logo，2分鐘完成！

左側制作

實施客流量：

選擇一個線框圖或者新建一個

然后進入圖表設置，選擇數據這里我們使用Api，

這里的Api必須返回的必須是直接數據，如{data:{},result:1} 這樣就不行

下面這是我們從服務器讀到的數據

[
  {
    "num": 10730,
    "utime": "08:30"
  },
  {
    "num": 10730,
    "utime": "08:45"
  }...
]

然后我們進行字段映射，將x(x軸)匹配為utime，y（y軸）匹配為num（數值）這樣圖表就更新了！

我們還可以設置自動更新定時刷新圖表

進入樣式設置：可對圖表進行個性化定制，這些基本上手就會我就不一一說明了，這里重點說下數據配置->數據增量這個設置，這個勾選后可將數據進行截取一部分，比如說我的api返回的是當前一天的數據流，我的圖表只要最近3小時，則可以設置最大容量進行截取

主題園區熱度：

這個圖表反應各個園區的熱度，展示的就是每個主題園區所有項目的排隊時間總和

選擇常規圖表->柱狀圖->膠囊圖

數據配置和上圖一樣，這里字段映射需要增加一個類目（就是每個項目包含的哪個主題園區）

進入樣式設置：在數據系列中設置下每個項目的不同的顏色

中間制作

等待時間/演出時間表

選擇文字->輪播列表新建

數據配置同上，但這里不需要進行字段映射

數據響應結果
[
  {
    "name": "翱翔?飛越地平線",
    "id": "attSoaringOverHorizon",
    "start_time": "8:00",
    "end_time": "20:30",
    "status": "Operating",
    "type": 2,
    "fpTime": 0,
    "postedWaitMinutes": 180,
    "fastPassStartTime": 0,
    "fastPass": 1,
    "is_host": 1,
    "lng": "121.6717021420",
    "lat": "31.1498546788",
    "mapShow": false,
    "disance": 0
  },...
]

進入樣式設置，選擇自定義列可配置需要展示的數據，這里只要添加兩項，名稱和排隊時間

演出時間表的配置和項目等待時間一樣

然后在下面創建一個等待時間垂直柱狀圖，這樣可以更直觀的顯示哪個項目人數最多，配置同上

右側制作

右側的制作和左側一樣，就不一一講解了。

完成效果

附上我的小書房，這下抬頭就可以看到樂園的實況，是不是很方便呢！

附上我的微信，歡迎喜歡迪士尼和前后端的一起交流！

GPU云服務器云服務器 java編程動物樂園實況實況足球迪士尼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/90420.html

阿里云前端周刊 - 第 32 期

摘要：有贊全鏈路壓測方案設計與實施詳解有贊在雙十一之前完成了全鏈路壓測方案，并把它用于大促的擴容和容量驗證，取得錯的成果。實現外部系統與蘇寧的完美對接，使業務的處理更加高效便捷。推薦 1. Preact：一個備胎的自我修養 https://zhuanlan.zhihu.com/p/... 前一段時間由于React Licence的問題，團隊內部積極的探索React的替代方案，同時考慮到之后...

LuDongWei 2019-08-21 17:49 評論0 收藏0
知曉云 2 周年：如何成為 8 萬多個小程序，5 萬多名開發者的云服務首選

摘要：同時得益于行業的認可，我們也有機會與希爾頓默林娛樂迪士尼等國際集團合作，產出了多個以小程序為核心，適用于行業場景的標桿解決方案，幫助企業客戶實現了業務的新一輪增長。截至今日點，我們已經累計服務了萬多個小程序，萬多名開發者和上百家企業。 showImg(https://segmentfault.com/img/remote/1460000020010535?w=1000&h=662);2...

cheng10 2019-08-26 10:39 評論0 收藏0
阿里云發布SaaS加速器意欲何為?

摘要：未來已來，阿里云峰會向外界闡述了未來十年的戰略方向第一技術，達摩院加持的云。不過阿里云提出的加速器計劃，還是讓企業服務市場為之慌亂。筆者認為阿里云的加速器計劃，不是阿里做不做，關鍵的核心他有可能會影響到整個軟件行業的未來格局。All in Cloud未來已來，阿里云峰會向外界闡述了未來十年的戰略方向：第一、技術，達摩院加持的云。第二、產品，數據智能的云。第三、商業，最佳實踐的云。第四、生態，...

tuniutech 2019-04-30 14:45 評論0 收藏0