成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

Eastboat / 1676人閱讀

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


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

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

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

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


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


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

開始制作

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

布局規(guī)劃


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

頂部設(shè)計(jì)：因?yàn)槭菍?shí)時(shí)大屏，時(shí)間必不可少，頂部為時(shí)間 - 標(biāo)題 - Logo 的布局

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

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

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

選擇模板


DataV提供了多套模板針對(duì)不同的場(chǎng)景，這里第一個(gè)就非常適合這一套項(xiàng)目

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

頂部制作


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

左側(cè)制作

實(shí)施客流量：

選擇一個(gè)線框圖或者新建一個(gè)

然后進(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è)置自動(dòng)更新定時(shí)刷新圖表

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

主題園區(qū)熱度：

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

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


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

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

中間制作

等待時(shí)間/演出時(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ù)，這里只要添加兩項(xiàng)，名稱和排隊(duì)時(shí)間

演出時(shí)間表的配置和項(xiàng)目等待時(shí)間一樣

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

右側(cè)制作

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

完成效果

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


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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90420.html

相關(guān)文章

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

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

    LuDongWei 評(píng)論0 收藏0

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

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

    cheng10 評(píng)論0 收藏0

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

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

    tuniutech 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<