前段時間因業務需要了解了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的使用教程!歡迎訂閱!