online editor  
甜甜圈圖 / donut chart, doughnut chart

圓餅圖的變形。同樣地,依資料比例將一個圓切分成不同角度的圓餅來表現資料的一種圖表,不過這個圓是空心的,所以我們也可以說是切割了一個「環」、或是「甜甜圈」,因此叫做甜甜圈圖

相較於圓餅圖使用完整的圓,甜甜圈圖省去了圓中心的部份,而僅以圓周的比例來表現資料,不僅減少了墨水的使用量,也留下了更多空間可以提供額外的資訊。不過,這樣做使得原先圓餅圖以角度比較資料的方式變成以弧長來比較資料。參考 Tableau Research 的研究「Arcs, Angles, or Areas: Individual Data Encodings in Pie and Donut Charts」,兩者並沒有相當明顯的判讀差異,因此通常也是在設計的考量下選擇使用其中一者。

圓餅圖會碰到的問題,甜甜圈圖都會發生,例如跨圖表比較的效率低落、不適合同時呈現過多資等等,然而甜甜圈圖仍大量被運用在表現進度、完成度等需要強調整體的時機。

  • 表現整體與部份的比例
  • 當談到「比例」、「市佔」、「佔了..成」等與整體相比的概念時,可以嘗試使用甜甜圈圖來呈現。


  • 清楚的表現比例,尤其在小資料集
  • 呈現 25% 、50% 等直角比例效果尤佳
  • 比起圓餅圖有較高的資料墨水比。

  • 不適用於順序式資料或大量資料。
  • 不適合跨圓餅圖進行比較。
  • 資料過於相近或比例懸殊時效率或較差。

  • 若顯示比例,其總和需為 100%
  • 建議從 12 點鐘方向開始順時針方向排序
  • 2 ~ 7 筆資料為佳。
  • 避免用於跨圖表比較。


  • 通常可直接改用圓餅圖
  • 需要跨圖表比較時,可改用 堆積長條圖 或是 滑坡圖
  • 資料量過多時,可將比例較小的部份合併顯示。
  • 資料量過多時,可將部份圓餅合併至另一張長條圖顯示。
  • 只有兩筆資料卻需要跨圖表比較時,可使用 圓餅泡泡圖