我與阿里雲的日常-DavaV開發教程


    前段時間因業務需要了解了davav可視化大屏,從此開發davav從菜鳥發展到了大神(假的),現在簡單寫一下開發過程!

  原創:我與阿里雲的日常-DavaV開發教程

 

1、datav簡介

   歡迎訪問阿里雲datav官網地址 https://datav.aliyun.com

  datav是一款數據可視化大屏產品,能快速的構造出一個炫麗的可視化大屏,簡單粗暴直接上圖(沒有什么是圖片解決不了的,如果有那就再來一張

2、使用場景

  導流旅客,給旅客提供簡單可用信息,幫助旅客快速轉機

3、開發准備

3.1、申請注冊阿里雲帳號 

  打開瀏覽器訪問阿里雲官網 https://www.aliyun.com 如圖: 

 

 填寫注冊帳號信息,或用淘寶掃碼快捷登錄

 

 

 登錄成功后到首頁如圖

 

 

搜索datav,進入主頁面,datav有七天試用,勾選同意開始使用

 

 統一並開始使用

 

 

 

我們使用的是基礎版,若需要更多插件可以升級專業版和企業版。

接下來就到datav首頁了,有幾個模塊做個簡單介紹。

【我的可視化】datav制作的地方,廢話少說上圖上圖:

 

 

 【我的數據】是配置數據源的地方,datav大屏的數據來源,當然了也可以調用接口,和配置靜態數據

 

 

 

 【組件中心】哈哈、雙十一剛剁完手,這里就空盪盪的

 

 

 

【教程】官方教程,嗯嗯非常強大,有用信息為零。

 

 

 3.2、如何使用datav

廢話終於說完了,接下來開始進入正題。

3.2.1、在datav首頁新建可視化,(其實這個首頁已經改版好多次了)

 

 可以創建空白文檔也可以創建模版文檔,本例是創建空白文檔

 

點擊創建 

  

 這里一空白datav大屏為例,選好之后點擊創建,輸入datav名字即可完成創建,創建完就可以開始開發datav了。

 

 

 新建的大屏總是那么空盪盪的

 

  

我們的大屏比較簡單,

第一步、准備大屏需要的背景圖,在圖中填寫對應組件和數據

 

 

第二步、更換大屏背景圖,注意只能上傳2M以下的圖片,

  

若圖片比較大可以直接把公網地址直接在此處如圖

 

  

第三步、填寫定時器組件, 打開組件列表

  

第四步、添加航班號模塊(datav組件名稱為通用標題)

 

我們是動態獲取的航班號,小伙伴們可以根據實際場景配置,按照圖操作可以配置請求api數據獲取靜態數據等

  

  

 

第五步、行李提取和中轉櫃台均為【通用標題】組件,這一不再做詳細介紹

 

第五步、接下來詳細介紹【輪播列表】組件

 

 配置輪播列表

 

 全局配置

  

 表頭配置

 

 自定義列

 

 配置api接口獲取響應數據

  

 完成,效果圖

 最后、說下如果碰到問題怎么解決

解決問題快速而有效的方式就是提工單簡單粗暴有木有,感謝這位小姐姐(我的內心想法,哈哈

 

未完、待續......下次更新阿里雲quickbi的使用教程!歡迎訂閱!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM