最近,許多數據粉反饋了同樣的需求:“阿達,我想在儀表板上放一個呈現進度百分比的圖表,可以教我做嗎?”
我們經常用來呈現百分比的圖表有兩種:條形圖或環形圖(如下圖),它們在 Tableau 中是可以實現的。
那么,在 Tableau 中如何制作百分比條形圖和百分比環形圖呢?今天我們來學習方法。
本期《舉個栗子》,阿達要給大家分享的Tableau技巧是:用條形圖或環形圖來呈現進度百分比。
為方便學習,栗子使用了 Tableau 自帶的超市數據源。掌握到方法后,建議大家嘗試使用其他種類的數據源制作。
??先來看看如何做一個百分比條形圖,具體步驟如下:
一、百分比條形圖
假如,我想做一個百分比條形圖,用來查看:2018年的訂單數量占所有訂單數的占比。(Tips:如果您使用的并不是 Tableau Desktop 2018.1 及以上版本自帶的示例數據,可能會不存在 2018 年訂單的數據,請根據實際情況自行更改相應參數)
二、創建計算字段
創建計算字段“2018年訂單數”:countd(if year([訂單日期])=2018 then [訂單 Id] end )。
創建計算字段“總訂單數”:countd([訂單 Id])。
創建計算字段“2018年訂單數占比”:[2018年訂單數]/[總訂單數]。
三、建立圖表
計算字段創建完畢后,我們開始建立圖表。先將“維度”當中的“度量值”拖入“列”當中,再將“度量”中的“度量名稱”拖入標記卡中的“顏色”中,然后你的畫布中會出現這樣的圖形:
四、移除其他度量值膠囊
在“度量值”標記卡中,找到兩個我們只需要的字段“2018年訂單數”和“總訂單數”,而將除此之外的其他度量值膠囊全部移除。
(Tips:這里有一個小技巧,你可以鍵盤按住CTRL的同時,單擊鼠標左鍵以多選。全部選定后,拖曳移除,或單擊任意已選定的膠囊下拉框,選擇“移除”。)
現在,你的界面應該像下面這樣的,“度量值”選項卡中只有我們需要的兩項。同時,畫布中我們所需要的圖形也逐漸清晰,但是目前還是有問題的,我們需要繼續做一些修改。
五、修正計算字段
我們知道,我們想要呈現的百分比條,有顏色的部分應該是邏輯正確數,而沒有顏色或者灰色的部分應該是(總量-邏輯正確數)才對。
所以我們需要在“度量值”選項卡中,雙擊“總訂單數”膠囊,修改為“[總訂單數]-[2018年訂單數]”(引用字段可以直接從數據窗格中拖拽進來)。
修改后,你的界面是如下這樣的。我們可以觀察發現,現在的條形圖是合理的。
六、修改格式
接下來的步驟是修改格式。我們雙擊右側的圖例顏色,以編輯顏色。我們將這兩種條設置成符合我們正常邏輯的顏色,比如2018年訂單數為紅色,減數為灰色。
設置完顏色后,畫布是如下這樣的。我們發現紅色和灰色放反了位置。
出現這種情況的話,我們可以通過拖拽“度量值”標記卡中膠囊的順序,以更改圖形順序。
七、創建新的工作表
我們更改此工作表名稱為“條形”,并且再創立一個工作表,命名為“百分數”。直接將我們事先創建好的計算字段“2018年訂單數占比”拖拽到“文本”標記卡中。
再修改該字段膠囊的數字格式為“百分比”;
八、將兩個工作表放入容器
創建完這兩個工作表后,我們將它們同時放到一個儀表板中的垂直容器里,并且隱藏標題和軸。
選中百分數的工作表,將它設置成“整個視圖”。
然后再右鍵百分數區域,設置格式,轉到左邊“設置對齊方式格式”。
更改“默認值”-“區”的水平對齊為“居中”。
這樣,我們的百分比條形圖就完成啦!
??接下來,我們再做一個百分比環形圖。具體步驟如下:
一、百分比環形圖
和百分比條形圖一樣,這里做個假設。假如我想做一個百分比環形圖,以查看廣東省的銷售額占全部銷售額的百分比。
二、創建計算字段
創建計算字段“廣東省銷售額”:sum(if [省/自治區]='廣東' then [銷售額] end )。
創建計算字段“廣東省銷售額占比”:[廣東省銷售額]/sum([銷售額])。
三、建立圖表
首先,在沒有執行任何操作的時候,先更改標記卡中的圖形類型為“餅圖”;
將 “維度”當中的“度量值”拖入“角度”當中,再將“度量”中的“度量名稱”拖入 “顏色”中,然后你的畫布中會出現這樣的圖形:
四、移除其他度量值膠囊
和制作百分比條圖同樣地,在“度量值”標記卡中,找到兩個我們只需要的字段“廣東省銷售額”和“總和(銷售額)”,而將除此之外的其他度量值膠囊全部移除。
現在,你的界面應該是像下面這樣的,“度量值”選項卡中只有我們需要的兩項。同時,畫布中我們所需要的圖形也逐漸清晰,但是目前還是有問題的,我們需要繼續做一些修改。
五、修正計算字段
與百分比條形圖一樣,我們想要呈現的百分比餅圖,有顏色的部分應該是邏輯正確數,而沒有顏色或者灰色的部分應該是(總量-邏輯正確數)才對。所以我們需要在“度量值”選項卡中,雙擊“總和(銷售額)”膠囊,修改為“SUM([銷售額])-[廣東省銷售額]”(引用字段可以直接從數據窗格中拖拽進來)。
修改后,你的界面是如下這樣的。我們可以觀察發現,現在的餅圖是合理的,餅圖的角度發生了變化。
六、修改格式
首先更改頁面視圖為“整個視圖”。
然后雙擊右側圖例的顏色塊,以編輯顏色;我們將這兩種顏色設置成符合我們認知規律的顏色,比如廣東省銷售額為藍色,減數為灰色;
制作環形圖?
接下來我們要做的是將這個餅圖變成環形圖,方法請學習:舉個栗子!Tableau技巧(4):如何做空心餅圖(環形圖)。
這里,我們快速過一遍關鍵步驟:
??右鍵拖拽“度量”中的“記錄數”到“行”,會出現選項框,我們選擇“最小值”;
???然后,按住鍵盤CTRL鍵,拖拽“行”中的“最小記錄數”到右側旁邊,以復制出一個相同的膠囊出來;
??右鍵任意一個膠囊,選擇“雙軸”,然后選擇標記卡中的“最小記錄數(2)”選項卡,以對第二個復制出來的餅圖進行編輯。移除掉標記卡中的所有膠囊(“度量名稱”和“度量值”);
???調整該餅圖圓圈的“大小”,到一個較小的直徑;
??然后設置這個環形圖圓圈的“顏色”為白色;
將計算字段拖入選項卡
然后把我們事先創建好的計算字段“廣東省銷售額占比”拖入到“標簽”選項卡中(注意,前幾步的操作都是在針對“最小記錄數(2)”這個環形圖圓圈進行編輯,確保目前還在該選項卡下);
右鍵該膠囊,以更改它的數字格式為“百分比”樣式;
右鍵左側的軸,取消勾選“顯示標題”,以隱藏軸;
這樣,我們的百分比環形圖就完成啦!
栗子總結
無論是百分比條形圖還是百分比環形圖,制作這兩種圖形的思想都是先創建一個帶有顏色的邏輯正確值字段和一個灰色的(總量-該邏輯正確值)的減數度量值。用這兩個部分,通過“度量名稱”展現兩者的不同顏色,以創建百分比條形圖和百分比環形圖。——阿達
今天的Tableau技巧,你Get到了嗎?趕快打開你的Tableau,試試看吧!
┃ 文章部分信息來源于網絡,如有侵權請告知