上一篇【Tableau 教學】文字表設計技巧1:用顏色凸顯重點 提到如何用顏色強調文字表重點,這一篇延伸如何強調數字重點的主題,來談談第二種凸顯數字差異的方式:善用符號以及顏色。
以了解各產品品類的年度銷售額以及與去年同期相比的YOY圖表為例,單看原始的資料表我們很難一眼就看出哪些品類連續兩年持續成長,哪些品類持續兩年呈現衰退,因此,我們一樣需要透過資料文字表設計來凸顯想要強調的重點。
稍微調整一下,我們可以將 YOY%的欄位加上符號與顏色,如果產品營業額低於去年,就以紅色以及向下的箭頭符號⬇標註,相反的,如果產品營業額高於去年,就以紅色以及向上的箭頭符號⬆標註,這樣修改之後,哪些品類需要特別關注,是不是就一目瞭然了呢?
那麼在Tableau 要怎麼做出如下圖這樣,同時標註顏色,並且文字又顯示符號呢?具體的操作步驟如下:
步驟一:拉選需要的維度
將需要的資料維度,以滑鼠拖拉的方式放到對應的欄、列位置
步驟二:拉選需要的指標
將需要的資料指標,以滑鼠拖拉的方式拉到上圖Abc的位置,放掉之後就會呈現出依照維度對應的指標,以下圖的例子來說就會呈現每個產品主類別、次類別,在每個年度的銷售額。
步驟三:計算銷售額年增率
將「總和(Sales)」改成YOY%年增率的計算,可以點選「總和(Sales)」後,點擊「快速表計算」,選擇「年增率」,就可以自動計算出對比前一年的銷售額年增率[註1]。
[註1] 如果未來在使用快速表計算的時候,遇到如圖片「YTD總計」這種「反灰」的情況,就代表現在拉選的維度不適合使用此計算方式,可以透過調整維度的放置位置,或是自訂其他計算式的方式來調整,未來提到函數、表計算的時候再來分享。
步驟四:更改年增率的資料標題名稱
在欄位標題點選右鍵,點擊「編輯別名」,即可更改成適合理解欄位的標題名稱。
步驟五:更改年增率YOY%的資料格式
點選「總和(Sales)」後選擇「設定格式」,右側就會跳出可以設定資料格式的視窗。這邊預設會有好幾種資料格式可以選擇,例如一般的數值、貨幣、百分比等。
YOY%通常會以百分比來呈現,不過因為這次示範想做到符號加註,所以改選「自訂」的選擇,在自訂的欄位輸入:0.0% ⬆;0.0% ⬇,就可以呈現出當百分比數字大於0,增加箭頭向上的標記;當百分比數字小於0,增加箭頭向下的標記效果。
步驟六:拉選其他需要的指標
再度拉選Sales這個指標到資料表,因為除了YOY%的年度增長率變化數值之外,我們還需要看到當年度實際的銷售額。
這步驟需要注意的是,Sales 拉選時請記得拉選到資料表的中間,才可以做出以「度量值」以及在維度欄位出現「度量名稱」,讓資料可以顯示出標題以及以資料欄的方式呈現出來。
這麼說可能有點難懂,我以反面的示範來舉例,假設我把 Sales 這個指標拖拉到標註「文字」的區塊會發生什麼事呢?資料一樣會顯示出來,但是資料顯示就不會顯示出資料標題(如下圖),導致我們無法直覺的判斷數據的指標是什麼。
步驟七:移除空白YOY%的年度(非必要步驟)
這個步驟是非必要步驟,就看你需不需要留下YOY%是無的年份資料,如果不需要,就可以依照下列的說明步驟移除。
在資料中你會發現2015年的YOY%是空白的,原因是我只挑選了2015到2017年的資料,所以在2015年的資料因為沒有2014年的資料可以對比計算。移除的方式很簡單,一樣點選「總和(Sales)」後面有三角形的那個圖示,接著選擇「篩選條件」。
等待篩選條件的設定框出現後,因為預設的篩選就已經不包括null的資料,所以直接按下「確定」即可。
步驟八:設定度量值顏色
將度量值的指標拖拉到「色彩」的區塊後放掉。接著點選度量值的圖示,按下「使用單獨的圖例」,就可以針對不同的指標設定顏色了。
設定特別顏色的時候可以特別將「進階」打開,進階的區塊可以點選「中心」,來設定顏色色階的「中心」數值是多少,以YOY%的例子來說,我希望小於0就以紅色呈現警示,大於0就以綠色呈現,就可以將「中心」的數值設為0。
這樣就完成了以符號以及顏色來凸顯數字重點的文字表設計了,從下表很清楚的可以反應出2016年,Bookcases、Art、Labels這三個次品類的銷售較2015年衰退,2017年需要注意的品類則是Envelopes、Fasteners、Machines這三個次品類則是較2016年更為衰退。
那關於用符號加顏色凸顯文字表數字差異的分享就到這裡,希望對你有幫助,下篇我還會再來分享最後一種變形版的文字表,分享如何搭配長條圖,讓文字表呈現數字差異的效果更為顯著,下篇文章見囉:)
Sharon
Buy me a coffee 用行動支持我的內容創作
如果我的文章對你有幫助,歡迎用行動支持我的內容創作,小額贊助請我喝咖啡、留言或是寄信來跟我分享你的收穫,都會讓我持續有動力分享更多內容唷~