這一篇延伸上一篇圓餅圖設計技巧，來談談怎麼做出空心圓餅圖，以及當資料分類過多，只想凸顯 TOP 的商品分類時，怎麼透過進行資料處理，讓圓餅圖只呈現 TOP N 的資料分類與佔比。
如果對怎麼在 Tableau 做出圓餅圖，或是怎麼調整圓餅圖的設計還不熟悉，建議可以先看看上一篇關於圓餅圖的基礎介紹：【Tableau 教學】圓餅圖設計技巧1：圓餅圖的設計注意事項
圓餅圖進階設計技巧1：空心圓餅圖
第一個想分享的進階操作技巧是：如何將一般的圓餅圖改成中空的空心圓餅圖，也有人也說這種設計叫做環形圖或是甜甜圈圖。製作的概念很簡單，那就是我們怎麼讓在原本的圓餅圖上面，再多疊一個空白的圓形，疊在一起之後，就可以成功做出空心的效果。
步驟1：做出兩個空白的圓餅圖
先建立一個空白的工作表，將標記從「自動」改成「圓餅圖」。
接著在「欄」或「列」點兩下，輸入0，下圖示範點選「欄」後，輸入0，然後再建立一個「欄」，一樣輸入「0」，就可以成功建立起兩個空白的圓餅圖。
步驟2：設定第一個圓餅圖
在標記的地方，把圓餅圖從全部，切換成第一個圓餅圖，這邊要注意要切換之後才可以做設定，如果沒有切換就做設定的話，所有的設定就會同時套用到兩個圓餅圖上。
這邊以依照Sub-Category 分類，看每個 Sub-Category 的營業額佔比是多少。設定就可以把 Sub-Category 拉到色彩，讓圓餅圖依照 Sub-Category 分顏色。
接著再將 Sub-Category 、跟Sales 拉到標籤，並且在 Sales 顯示數字之後，右鍵設定「快速表計算」，並且選擇「合計百分比」，就可以將 Sub-Category 的分類名稱，以及各分類的銷售額佔比都顯示出來了。
步驟3：設定第二個圓餅圖
第二個圓餅圖的設定相對容易，因為這個圓餅圖只需要疊圖到第一個圓餅圖上，所以只要確保第二個圓餅圖的圓形大小小於第一個圓餅圖的大小，以及第二個圓餅圖的顏色改成白色即可。
步驟4：將第二個圓餅圖疊到第一個圓餅圖上
步驟5：調整圓餅圖大小、隱藏圖示標題
在設定完雙軸之後，就可以成功做出空心的圓餅圖，不過到這個步驟還沒結束，你會發現做出來的圓餅圖小小的，圖示上下方也都有0，看起來不是太好看，所以我們要做「隱藏標題」以及放大圓餅圖，隱藏標題我們可以在上下標題的區塊點選右鍵，接著點掉「顯示標題」，就可以隱藏欄位的標題。
至於圓餅圖的大小，一樣，我們可以把滑鼠游標移到下方的邊界，往下拉，圓餅圖就會隨之變大，也就可以達到放大圓餅圖的效果了。
圓餅圖進階設計技巧2：只顯示Top N的資料
第二個來分享，當想呈現前幾筆佔比最大的資料分類時，如何將其他非前幾筆的資料匯總成「其他」，並留下前幾筆資料完整顯示呢？想要做到這樣的設計需要透過集合以及計算來達到此效果。
步驟1：建立集合
假設我想只想呈現前4名的 Sub-Category，我可以在Sub-Category的資料按下右鍵，點選「建立」，再點選「集合」。集合的概念是，我透過某些條件設定，將符合條件的資料挑選出來，不符合的則分類成另一群。
進入集合設定頁面之後，選擇「頂端」，因為我們想要抓選前4個銷售額最高的 Sub-Category，所以我就輸入4，並依據「Sales」的總和來建立集合，這樣就可以抓出 Top4 銷售額最高的 Sub-Category。
步驟2：建立計算
找出 Top4 的銷售額的Sub-Category之後，我們可以再利用計算，讓Sub-Category是Top4的話，就回傳原先的Sub-Category名稱，但如果不是Top4的Sub-Category的話，就回傳「Others」，不顯示詳細的Sub-Category名稱。
完整公式：
IF [TOP4 Sub-Category]=TRUE THEN [Sub-Category]
ELSE ‘Others’
END
步驟3：將色彩、文字改成以計算欄位顯示
將色彩改成用新的計算欄位「Top 5 Sub-Category」，顯示的文字也改用「Top 5 Sub-Category」來顯示，最後就可以做出如下圖這樣，只顯示前4個銷售額最高的Sub-Category，非 Top4 的Sub-Category就以Others匯總呈現，也能很清楚的展現出 Top4 的分類以及比例佔比。
那關於圓餅圖的進階設計技巧就分享到這裡啦，下篇文章見：）
Sharon
Buy me a coffee 用行動支持我的內容創作
如果我的文章對你有幫助，歡迎用行動支持我的內容創作，小額贊助請我喝咖啡、留言或是寄信來跟我分享你的收穫，都會讓我持續有動力分享更多內容唷～
