本文搬運(yùn)自國外Tableau大神原創(chuàng)文章Toan Hoang：知名Tableau大神,數(shù)據(jù)可視化自由職業(yè)者和Tableau Magic的創(chuàng)始人,薩爾薩舞教練,鋼琴演奏者，技術(shù)愛好者和程序員。
PS我決定從大佬第一篇文章開始搬起，不管你們喜不喜歡，反正我是豁出去了~
在大佬的業(yè)余時間，他試著去開發(fā)了一些web應(yīng)用，這是他個人學(xué)習(xí)的一部分，同時也是保持與時俱進(jìn)的重要嘗試。擁有一個強(qiáng)大功能的應(yīng)用程序是非常棒的，但是，大佬認(rèn)為他的應(yīng)用程序真正的賣點(diǎn)在一套漂亮的儀表板，通過它你能實(shí)時監(jiān)控你的業(yè)務(wù)進(jìn)展。因此，大佬用強(qiáng)大的谷歌搜索引擎尋覓了大量的儀表板設(shè)計(jì)，其中有一個總能抓住讀者的眼球，那就是圓角進(jìn)度條。
于是，就推出了這篇Tableau的圓角進(jìn)度條教程~
最終效果
數(shù)據(jù)
我們的數(shù)據(jù)來源是英國廣播公司，也就是眾所周知的 BBC：http://www.bbc.co.uk/news/election/2017/results
我已經(jīng)準(zhǔn)備好了對應(yīng)的文本文件，你可以輕松下載：HERE
一旦你將數(shù)據(jù)導(dǎo)入Tableau，你應(yīng)該看到如下效果：
計(jì)算字段
創(chuàng)建數(shù)據(jù)桶如下：
- 右鍵Path字段
- 點(diǎn)擊創(chuàng)建，數(shù)據(jù)桶
- 在編輯數(shù)據(jù)桶窗口中，設(shè)置數(shù)據(jù)桶大小為1
- 點(diǎn)擊確定
image.png
以下這段是關(guān)于數(shù)據(jù)桶的描述
Path(數(shù)據(jù)桶)將允許我們使用表計(jì)算去創(chuàng)建1-100之間的額外數(shù)據(jù)點(diǎn)，如果你不能得到一個光滑的形狀，我的意思是你可以看到一個單獨(dú)的圓，請適當(dāng)減少數(shù)據(jù)桶的大小，比如將值改為0.5或者更小，直到你得到你想要的效果。
小貼士：我們正在使用數(shù)據(jù)桶使數(shù)據(jù)密集化，并提供更多的點(diǎn)，你需要確保一件事，那就是檢查是否顯示缺失的值
現(xiàn)在，我們要創(chuàng)建如下計(jì)算字段:
Index
該字段用于使數(shù)據(jù)密集化，同時調(diào)整重疊圓角條的大小
INDEX()*WINDOW_MAX(MAX([Value]))/100
好了，全部字段寫完，我們不需要其他字段去創(chuàng)建可視化~
工作表
讓我們開始創(chuàng)建工作表吧~
拖動Index字段到列
拖動Party字段到行
-
拖動Party和Category到顏色標(biāo)記卡上
- 確保Party字段在最上面
- 你可以手動選擇多個字段拖動~
-
拖動Path(數(shù)據(jù)桶)到詳細(xì)信息標(biāo)記卡上
- 確保Path(數(shù)據(jù)桶)設(shè)置了顯示缺失的值
右鍵Index字段，選擇計(jì)算依據(jù)為Path(數(shù)據(jù)桶)
選擇標(biāo)記類型為圓
-
右鍵Category，選擇排序
- 設(shè)置排序依據(jù)為手動
- 設(shè)置Value在Background的上方
image.png
現(xiàn)在，我們應(yīng)該得到如下效果：
稍微調(diào)調(diào)格式吧~
- 調(diào)整進(jìn)度條大小，直到你滿意為止~
- 隱藏Index的軸標(biāo)題
我希望你能喜歡這個非常非常非?？焖偾液唵蚊烙^的進(jìn)度條！
結(jié)束
今天換一句吧，我希望Tableau能成為我的畫筆，讓我畫出更多彩的可視化世界~
PS：Tableau小白搬運(yùn)，歡迎關(guān)注，一起學(xué)習(xí)，一起交流~
