舉個栗子!Tableau 技巧(72):用條形圖或環形圖來呈現進度百分比

最近,許多數據粉反饋了同樣的需求:“阿達,我想在儀表板上放一個呈現進度百分比的圖表,可以教我做嗎?”

我們經常用來呈現百分比的圖表有兩種:條形圖或環形圖(如下圖),它們在 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,試試看吧!


┃ 文章部分信息來源于網絡,如有侵權請告知

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,321評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,559評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,442評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,835評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,581評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,922評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,931評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,096評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,639評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,374評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,591評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,104評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,789評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,196評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,524評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,322評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,554評論 2 379

推薦閱讀更多精彩內容