国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

DataV實踐：創(chuàng)建迪士尼樂園實況大屏

Eastboat / 1635人閱讀

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


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

數(shù)據(jù)來源

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

現(xiàn)在用的還是Mysql存儲，計劃轉(zhuǎn)Redius，運行了快一年了，數(shù)據(jù)量太大性能越來越差~
關(guān)于DataV


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


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

開始制作

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

布局規(guī)劃


可以先借助草圖工具規(guī)劃一下：

頂部設(shè)計：因為是實時大屏，時間必不可少，頂部為時間 - 標(biāo)題 - Logo 的布局

左側(cè)設(shè)計：樂園客流量趨勢，樂園主題園區(qū)熱度，顯示樂園和各個主題園區(qū)的熱門情況

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

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

選擇模板


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

選擇創(chuàng)建大屏進(jìn)入編輯界面

頂部制作


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

左側(cè)制作

實施客流量：

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

然后進(jìn)入圖表設(shè)置，選擇數(shù)據(jù)這里我們使用Api，

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

下面這是我們從服務(wù)器讀到的數(shù)據(jù)

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

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


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

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

主題園區(qū)熱度：

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

選擇常規(guī)圖表->柱狀圖->膠囊圖


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

進(jìn)入樣式設(shè)置：在數(shù)據(jù)系列中設(shè)置下每個項目的不同的顏色

中間制作

等待時間/演出時間表

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

數(shù)據(jù)配置同上，但這里不需要進(jìn)行字段映射

數(shù)據(jù)響應(yīng)結(jié)果
[
  {
    "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
  },...
]

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

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

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

右側(cè)制作

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

完成效果

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


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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/90420.html

相關(guān)文章

  • 阿里云前端周刊 - 第 32 期

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

    LuDongWei 評論0 收藏0

  • 知曉云 2 周年：如何成為 8 萬多個小程序，5 萬多名開發(fā)者的云服務(wù)首選

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

    cheng10 評論0 收藏0

  • 阿里云發(fā)布SaaS加速器 意欲何為?

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

    tuniutech 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<