每年的雙十一,天貓都會在剁手狂歡節(jié)中直播戰(zhàn)績。除了可怕的數(shù)字之外,不知道大家有沒有留意到這些同樣可怕的 數(shù)據(jù)可視化大屏 : (2015雙十一大屏) (2016雙十一大屏) 所謂大屏,顧名思義就是一個 很大的屏 !!! 一般應(yīng)用在交易大廳,展覽中心,管控中心,老板辦公室等等場景,把一些關(guān)鍵數(shù)據(jù)集中展示在一塊巨大的LED屏幕上,其實就是巨大化的Dashboard,是當(dāng)今數(shù)一數(shù)二的裝逼方式。 也許你覺得這些酷炫的可視化效果遙不可及,但如果我告訴你,現(xiàn)在你也可以在電腦上一鍵生成呢? 是的,來自阿里的可視化天團(tuán)讓一鍵裝逼成為了可能,今天我們就來聊聊這個神器: DataV DataV 是阿里云出品的拖拽式可視化工具,專精于業(yè)務(wù)數(shù)據(jù)與地理信息融合的大數(shù)據(jù)可視化。 說人話,就是即使我不是專業(yè)工程師,也可以把一堆枯燥無味的數(shù)據(jù)通過屌炸天的方式展示出來,并順手生成那個牛逼的地球! 如果你已經(jīng)有阿里云賬號,直接登錄 datav.aliyun.com 即可。 如果沒有,先注冊并登錄到阿里云: www.aliyun.com ,在【產(chǎn)品】標(biāo)簽欄下就能找到 DataV~ 注意,這并不是一個免費工具。但你會發(fā)現(xiàn),我們離高大上居然只有一個雞腿的距離 —— 五塊錢! “忍痛”買了一個月后,頁面就會自動跳轉(zhuǎn)到 DataV 的后臺,點擊【新建可視化】試試: 你會忍不住說一聲臥槽!DataV 針對不同的使用場景,提供了很多酷炫的數(shù)據(jù)模板,其中就包括天貓雙十一的數(shù)據(jù)大屏: 選中自己喜歡的模板后,點擊創(chuàng)建,馬上就能用!(你也可以新建一個空白畫布,自由創(chuàng)作) 畢竟,模板所展示的只是部分控件,還有另一噸牛逼控件隱藏在左上角的工具欄: 》豐富的圖表控件: 只要你能想象到的圖表樣式,這里都能找到。(想象不到的,這里也有?。?/span> 》其他可視化控件: 除了常規(guī)圖表,還有很多同樣酷炫的可視化控件。 所有控件都提供了大量的參數(shù)設(shè)置,直接修改即可,甚至簡單到讓我一度產(chǎn)生了正在用PPT的錯覺… 例如,一個普通的弧形柱圖就有這么多的【樣式】設(shè)置: 隨便拖拽或點擊一下,你就知道每個參數(shù)控制的是哪個圖表細(xì)節(jié),這里就不展開啦,大家自己去試玩即可: 但當(dāng)我們興沖沖地點開【數(shù)據(jù)】標(biāo)簽準(zhǔn)備修改數(shù)據(jù)時,不禁虎軀一震……誒,代碼??? 別緊張,即使我們是技術(shù)小白,一樣可以修改圖表的數(shù)據(jù),往下看。(技術(shù)大神請繞道……) 【方法一】:直接修改 大家應(yīng)該很容易發(fā)現(xiàn),此圖表其實受編輯器中的兩個字段控制: text 和 value ,分別匹配柱形的 坐標(biāo)名稱 和 值,從英文字面意思也很好理解。 不要害怕,直接手動修改試試。如圖,我直接修改了 text 和 value 的值后,圖表就會自動發(fā)生變化。(如果不行,刷新一下頁面即可) 就是這么簡單??!但此方法只適合數(shù)據(jù)較少的情況,數(shù)據(jù)超過10個的時候,你就懶得動了……例如,我想把這組Excel數(shù)據(jù)錄入到圖表中: 如果用手工方式改的話要輸入很久,怎么辦?我們把數(shù)據(jù)上傳上去。 【方法二】:自己上傳數(shù)據(jù) 其實,我們可以在【數(shù)據(jù)源類型】中上傳自己的數(shù)據(jù)源: 基礎(chǔ)版支持CSV文件,API和數(shù)據(jù)庫三種類型的數(shù)據(jù)源。不會寫API,不會建數(shù)據(jù)庫沒關(guān)系,我們可以用Excel啊 —— 因為Excel文件可以另存為CSV格式。 好,回到上面的案例: 如何把一組Excel數(shù)據(jù)上傳到 DataV 呢? 第1步:在Excel中修改表頭 前文提過,這個弧形柱圖的匹配字段是 text 和 value 。 (注意,不同圖表的匹配字段可能不一樣喲~) 所以為了讓 DataV 能自動識別數(shù)據(jù),我們需要把表頭修改成圖表中的匹配字段:
【第2步】把這組數(shù)據(jù)另存為CSV格式 修改完表頭后,把 Excel 文件直接另存為 CSV 格式。 【第3步】把CSV文件上傳到DataV中。 在數(shù)據(jù)源類型中選中【CSV文件】,然后點擊【新建】,上傳完后記得選擇你的數(shù)據(jù),其他不用管。 開始了嗎?已經(jīng)結(jié)束了。上傳并選擇數(shù)據(jù)后,圖表就會自動發(fā)生變化。如果圖表沒反應(yīng),刷新一下頁面即可,搞定: 掌握了這兩種修改數(shù)據(jù)的方法后, 我們就可以玩轉(zhuǎn)各種圖表啦! 某高校單身狗比例 某酒店套套使用占比 甚至,這些酷炫的地球 修改數(shù)據(jù)的原理也一模一樣! 怎么改?請看下面這個案例 (堅持,最后一個案例啦) 如圖,這是一組快遞數(shù)據(jù),起點是全國各地,終點都是我家,我想在地圖上反映出整個物流過程,應(yīng)該怎么做呢?這需要用到飛線圖。 【第1步】插入一個地圖 在 DataV 的地圖控件中隨便插入一個地圖: 插入后,畫布上會自動生成一個酷炫的地圖,由于自帶示例數(shù)據(jù),地圖上布滿了飛線軌跡和呼吸氣泡圖。 因為我們要還原的是物流軌跡,保留飛線軌跡即可,所以我們可以把【呼吸氣泡層】刪除: 刪除后,我們的準(zhǔn)備工作完成了: 接下來,就需要用我們的案例數(shù)據(jù),來替換掉這些示例數(shù)據(jù)了。 第2步:確定地圖的匹配字段 從數(shù)據(jù)編輯器中可以看出,飛線圖的匹配字段是 from 和 to ,這不就是起點和終點的意思么! 這意味著,我們把案例中的表頭分別改成 from 和 to,就能配對了……嗎? 當(dāng)然沒那么簡單!有沒有發(fā)現(xiàn),數(shù)據(jù)編輯器中,from 和 to 的值都是一串復(fù)雜的數(shù)字,這其實是一組經(jīng)緯度: 而我們現(xiàn)在的案例數(shù)據(jù)是一堆中文地址名稱,所以我們還要對案例數(shù)據(jù)進(jìn)行進(jìn)一步處理 —— 【第3步】把地址轉(zhuǎn)換成經(jīng)緯度 不要方,利用高德地圖經(jīng)緯度快速查詢工具可以輕松地把任何地址轉(zhuǎn)換成經(jīng)緯度,可具體到門牌號喔,工具地址: lbs.amap.com/console/show/picker 使用方法很粗暴,復(fù)制一個地址名進(jìn)左框,右框就自動生成經(jīng)緯度: (一個一個生成雖然很累,但未來 DataV 還會推出一個批量生成經(jīng)緯度的工具,敬請期待~) 如此類推,把案例中的地址數(shù)據(jù)轉(zhuǎn)換成經(jīng)緯度: 萬事俱備,把數(shù)據(jù)另存為CSV格式即可上傳。 【第4步】把數(shù)據(jù)上傳到 DataV 操作步驟前面有講,就不嘮叨了~ 上傳成功后,刷新一下頁面,我們的物流地圖就出來了! 當(dāng)然,你還可以換成3D地球,操作一模一樣……天,這居然是我的快遞數(shù)據(jù): 更多地圖的腦洞和玩法,就留給大家自己去試?yán)瞺~ 當(dāng)你熟悉了每個圖表控件后,就可以嘗試組合不同的圖表形式,創(chuàng)作自己的可視化作品了。 所有圖表配置完成后,點擊【發(fā)布】就能生成一個鏈接,別人點擊這個鏈接,就可以看到你的可視化作品了。 以上我介紹的只是DataV的入門玩法,如果大家覺得意猶未盡,可以看看這兩個官方視頻教程: 【1】《DataV設(shè)計與實操視頻》 http://etaop4p./webcast/site/vod/play-a5c38710ca184de3b84e8225537a6cd1 【2】《數(shù)據(jù)操作培訓(xùn)視頻》 http://etaop4p./webcast/site/vod/play-c3c757a445a44dcfa776c60e13607359 【3】更多進(jìn)階玩法 大家還可以登錄到 DataV 平臺,看其他大神的教程。 不知不覺又寫了這么長 感謝你能看到這里,辛苦啦 封面圖作者:Alex Dimkov |
|