閱讀475 返回首頁    go 阿裏雲 go 技術社區[雲棲]


很厲害的大數據神器終於加入雲翼計劃了!

大家好,最近,發現了一個很好玩的神器,忍不住出關分享給大家。廢話少說,開車!


有些事情可能是你想知道的,往小了說,比如:


某高校單身狗比例



學校附近某酒店套套使用占比



往大了說,比如:


每年的雙十一,天貓都會在剁手狂歡節中直播戰績。除了可怕的數字之外,不知道大家有沒有留意到這些同樣可怕的數據可視化大屏 

↑2016 雙十一大屏


也許你覺得這些酷炫的可視化(當今數一數二的裝逼方式)效果遙不可及,但如果我告訴你,現在你也可以在電腦上一鍵生成呢?


是的,來自阿裏的可視化天團讓一鍵裝逼成為了可能,今天我們就來聊聊這個神器: DataV 

DataV 是阿裏雲出品的拖拽式可視化工具,專精於業務數據與地理信息融合的大數據可視化。


說人話,就是即使我不是專業工程師,也可以把一堆枯燥無味的數據通過屌炸天的方式展示出來,並順手生成一個牛逼的圖!



注意,這並不是一個免費工具,要60塊錢一年呢!但是!但你會發現,作為一個學生黨(點擊這裏一步完成學生認證),你可以享受9.9元/年的優惠!離高大上居然隻有一個雞腿的距離!

一步完成學生認證,然後點擊這裏購買!

 

『忍痛』買了一年後,去阿裏雲官網控製台,找到 DataV 的後台,點擊【新建可視化】試試:

你會忍不住說一聲臥槽!DataV 針對不同的使用場景,提供了很多酷炫的數據模板,其中就包括天貓雙十一的數據大屏:

選中自己喜歡的模板後,點擊創建,馬上就能用!(你也可以新建一個空白畫布,自由創作)




可是真的好長,你們確定要繼續看嗎?

那開始吧!

畢竟,模板所展示的隻是部分控件,還有另一噸牛逼控件隱藏在左上角的工具欄:




》豐富的圖表控件:

隻要你能想象到的圖表樣式,這裏都能找到。(想象不到的,這裏也有!)



》其他可視化控件:

除了常規圖表,還有很多同樣酷炫的可視化控件。

所有控件都提供了大量的參數設置,直接修改即可,甚至簡單到讓我一度產生了正在用PPT的錯覺…


例如,一個普通的弧形柱圖就有這麼多的【樣式】設置:




隨便拖拽或點擊一下,你就知道每個參數控製的是哪個圖表細節,這裏就不展開啦,大家自己去試玩即可:




但當我們興衝衝地點開【數據】標簽準備修改數據時,不禁虎軀一震……誒,代碼???



別緊張,即使我們是技術小白,一樣可以修改圖表的數據,往下看。(技術大神請繞道……)



【方法一】:直接修改


大家應該很容易發現,此圖表其實受編輯器中的兩個字段控製: text  和 value ,分別匹配柱形的 坐標名稱 和 ,從英文字麵意思也很好理解。




不要害怕,直接手動修改試試。如圖,我直接修改了 text 和 value 的值後,圖表就會自動發生變化。(如果不行,刷新一下頁麵即可)


就是這麼簡單!!但此方法隻適合數據較少的情況,數據超過10個的時候,你就懶得動了……例如,我想把這組Excel數據錄入到圖表中:


 


如果用手工方式改的話要輸入很久,怎麼辦?我們把數據上傳上去。







【方法二】:自己上傳數據


其實,我們可以在【數據源類型】中上傳自己的數據源:




基礎版支持CSV文件,API和數據庫三種類型的數據源。不會寫API,不會建數據庫沒關係,我們可以用Excel啊 —— 因為Excel文件可以另存為CSV格式



 



好,回到上麵的案例:

如何把一組Excel數據上傳到 DataV 呢?






第1步:在Excel中修改表頭


前文提過,這個弧形柱圖的匹配字段是 text 和 value 。


(注意,不同圖表的匹配字段可能不一樣喲~)


所以為了讓 DataV 能自動識別數據,我們需要把表頭修改成圖表中的匹配字段:

  • 把 “國家” 改成:text

  • 把 “單身率” 改成:value 





【第2步】把這組數據另存為CSV格式


修改完表頭後,把 Excel 文件直接另存為 CSV 格式。




【第3步】把CSV文件上傳到DataV中。


在數據源類型中選中【CSV文件】,然後點擊【新建】,上傳完後記得選擇你的數據,其他不用管。




開始了嗎?已經結束了。上傳並選擇數據後,圖表就會自動發生變化。如果圖表沒反應,刷新一下頁麵即可,搞定:




掌握了這兩種修改數據的方法後,

我們就可以玩轉各種圖表啦!


甚至,這些酷炫的地球

修改數據的原理也一模一樣!



怎麼改?請看下麵這個案例

(堅持,最後一個案例啦)







如圖,這是一組快遞數據,起點是全國各地,終點都是我家,我想在地圖上反映出整個物流過程,應該怎麼做呢?這需要用到飛線圖。







【第1步】插入一個地圖


在 DataV 的地圖控件中隨便插入一個地圖:




插入後,畫布上會自動生成一個酷炫的地圖,由於自帶示例數據,地圖上布滿了飛線軌跡和唿吸氣泡圖。




因為我們要還原的是物流軌跡,保留飛線軌跡即可,所以我們可以把【唿吸氣泡層】刪除:




刪除後,我們的準備工作完成了:


接下來,就需要用我們的案例數據,來替換掉這些示例數據了。



第2步:確定地圖的匹配字段


從數據編輯器中可以看出,飛線圖的匹配字段是 from 和 to ,這不就是起點和終點的意思麼!


 



這意味著,我們把案例中的表頭分別改成 from 和 to,就能配對了……嗎?


 

當然沒那麼簡單!有沒有發現,數據編輯器中,from 和 to 的值都是一串複雜的數字,這其實是一組經緯度:


 


而我們現在的案例數據是一堆中文地址名稱,所以我們還要對案例數據進行進一步處理 ——



 




【第3步】把地址轉換成經緯度


不要方,利用高德地圖經緯度快速查詢工具可以輕鬆地把任何地址轉換成經緯度,可具體到門牌號喔,工具地址:

lbs.amap.com/console/show/picker


使用方法很粗暴,複製一個地址名進左框,右框就自動生成經緯度:


 

 


(一個一個生成雖然很累,但未來 DataV 還會推出一個批量生成經緯度的工具,敬請期待~)


如此類推,把案例中的地址數據轉換成經緯度:



萬事俱備,把數據另存為CSV格式即可上傳。

 



【第4步】把數據上傳到 DataV 


操作步驟前麵有講,就不嘮叨了~


上傳成功後,刷新一下頁麵,我們的物流地圖就出來了!




當然,你還可以換成3D地球,操作一模一樣……天,這居然是我的快遞數據:

 




更多地圖的腦洞和玩法,就留給大家自己去試啦~~







當你熟悉了每個圖表控件後,就可以嚐試組合不同的圖表形式,創作自己的可視化作品了。


所有圖表配置完成後,點擊【發布】就能生成一個鏈接,別人點擊這個鏈接,就可以看到你的可視化作品了。

 

 


 


以上我介紹的隻是DataV的入門玩法,如果大家覺得意猶未盡,可以看看這兩個官方視頻教程:



【1】《DataV設計與實操視頻》

https://etaop4p.gensee.com/webcast/site/vod/play-a5c38710ca184de3b84e8225537a6cd1


【2】《數據操作培訓視頻》

https://etaop4p.gensee.com/webcast/site/vod/play-c3c757a445a44dcfa776c60e13607359


【3】更多進階玩法

大家還可以登錄到 DataV 平台,看其他大神的教程。


不要總以為那些高大上的神器

離自己很遠很遠,



【特別鳴謝】

作者:Simon阿文

技術顧問:DataV團隊

封麵圖作者:Alex Dimkov

還有居然把文章看完了的你們


最後更新:2017-06-07 15:31:50

  上一篇:go  攜手共進——《Netty IN ACTION》中文版《Netty實戰》答疑解惑
  下一篇:go  2017年,SEO關鍵詞優化怎麼做更好?