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