展示百分比組成嘅最佳方法：完整圖表指南

當你需要展示部分點樣同整體相關時，選擇正確圖表會造成即刻理解同困惑觀眾嘅差別。呢個指南比較每種展示百分比組成嘅圖表類型，並話你知應該用邊種。

核心問題：你講緊咩故仔？

選擇圖表前，澄清你嘅訊息：

1. 「類別 X 佔主導」 → 圓餅圖或甜甜圈圖
2. 「睇下呢啲精確百分比」 → 帶標籤嘅堆疊長條圖
3. 「比較唔同群組之間嘅組成」 → 100% 堆疊長條圖
4. 「睇百分比內嘅層級結構」 → 樹狀圖
5. 「追蹤組成隨時間嘅變化」 → 堆疊面積圖

你嘅故仔決定你嘅圖表。

圓餅圖：經典（同最多爭議）

圓餅圖有效嘅時候

圓餅圖喺以下情況有效：

• 你有 5 個或更少類別
• 有一個部分明顯佔主導（超過 50%）
• 精確度唔係關鍵
• 你嘅觀眾期待圓餅圖（佢哋熟悉）

最佳使用案例： 「流動裝置佔我哋流量嘅 62%」

圓餅圖即刻顯示主導地位。觀眾唔使睇數字就掌握重點。

圓餅圖失敗嘅時候

圓餅圖喺以下情況失敗：

• 部分大小相似（好難比較角度）
• 你有 6+ 個類別（變得難以閱讀）
• 你需要比較多個群組
• 精確度比印象更重要

最差使用案例： 五個產品各佔 18%、19%、20%、21%、22%

冇人可以視覺上區分呢啲部分。改用長條圖啦。

圓餅圖最佳實踐

如果你用圓餅圖：

• 最大部分由 12 點鐘方向開始
• 按大小順時針排列部分（最大先）
• 用直接標籤，唔好用圖例
• 喺圖表本身包含百分比
• 用鮮明顏色，唔好用漸變色

甜甜圈圖：進化嘅圓餅圖

甜甜圈圖係中間有個窿嘅圓餅圖。呢個睇落簡單嘅改變有實際好處。

相比圓餅圖嘅優勢

1. 中央 KPI 顯示： 可以喺中間放關鍵數字
2. 更簡潔外觀： 個窿減少視覺雜亂

n3. 更適合多個比較： 更容易並排比較多個甜甜圈

1. 現代美學： 喺儀表板睇落更現代

理想用法： 「客戶滿意度：87%」做中央數字，周圍顯示組成。

幾時選甜甜圈而唔係圓餅

用甜甜圈當：

• 你有單一關鍵指標要強調
• 你創建緊現代儀表板
• 你會顯示多個甜甜圈作比較
• 中央空間增加價值

用圓餅當：

• 傳統外觀重要（董事會演示）
• 需要最大部分面積
• 冇中央指標要顯示

甜甜圈圖最佳實踐

• 保持個窿嘅大小喺直徑嘅 40-60% 之間
• 用中間顯示關鍵指標、總數或圖標
• 比較多個甜甜圈時保持相同窿嘅比例
• 考慮為單一指標進度指示器加動畫

堆疊長條圖：靈活替代方案

100% 堆疊長條圖

呢種圖表類型將所有長條標準化到 100%，令組成比較更容易。

幾時用：

• 比較多個群組之間嘅組成
• 顯示百分比點樣因類別而異
• 人口統計調查結果
• 按地區市場份額

資料示例：

點解好過圓餅圖： 你冇辦法有效比較四個圓餅圖。堆疊長條令模式一目了然 — 產品 A 喺東部主導，產品 B 喺南部主導。

水平 vs 垂直 堆疊長條

用水平當：

• 類別名長
• 你有多個類別
• 左到右閱讀自然

用垂直當：

• 時間係 X 軸
• 類別少（少過 6 個）
• 顯示增長或變化

堆疊長條最佳實踐

• 將最重要部分放喺基線（底部或左邊）
• 所有長條中相同部分保持相同顏色
• 精確度重要時加百分比標籤
• 限制最多 5-6 個部分

樹狀圖：用於複雜層級結構

樹狀圖用嵌套矩形顯示層級百分比。大小代表比例。

樹狀圖表現出色嘅時候

用樹狀圖當：

• 你有 10+ 個類別
• 資料有層級結構（類別 → 子類別）
• 大小差異顯著
• 空間效率重要

最佳使用案例： 15 個部門之間嘅預算分配，包含每個部門內按開支類型細分。

幾時避免樹狀圖

避免樹狀圖當：

• 部分大小相似
• 層級結構冇意義
• 你嘅觀眾唔熟悉數據
• 精確百分比比概覽更重要

樹狀圖最佳實踐

• 用顏色顯示分組，唔係只係裝飾
• 只喺夠大同夠放標籤嘅部分加標籤
• 保持縱橫比接近 1:1（接近正方形）
• 互動版本提供懸停詳情

格子圖：精確替代方案

格子圖用網格（通常 10x10 = 100 格）其中填滿嘅格代表百分比。

優勢

• 直觀： 「100 格中填咗 73 格」即刻明白
• 精確： 每格 = 1%，令比較準確
• 吸引： 獨特外觀抓住注意力
• 易理解： 用形狀時對色盲觀眾有效

幾時用格子圖

• 顯示有影響力嘅單一百分比（73% 廢物係塑膠）
• 資訊圖表同公開傳訊
• 當你想觀眾「數」同參與
• 並排比較兩個百分比

格子圖限制

• 比圓餅/甜甜圈圖佔更多空間
• 好難顯示多個類別
• 正式場合可能顯得幼稚
• 唔適合相似數值嘅精確比較

堆疊面積圖：隨時間嘅百分比

當組成隨時間變化，堆疊面積圖顯示演變。

100% 堆疊面積圖

將每個時間段標準化到 100%，專注比例變化。

最佳使用案例： 5 年間競爭對手之間市場份額點樣變化。

常規堆疊面積圖

同時顯示組成同總數變化。

最佳使用案例： 產品線收入隨時間增長（顯示總增長同組合變化）。

幾時用邊種

• 100% 堆疊： 當總數唔重要，只係比例重要時
• 常規堆疊： 當總數同組成都重要時
• 多條折線圖： 當重疊會造成混亂時

比較矩陣：選擇你嘅圖表

實際例子

例 1：市場營銷預算組成

資料： 數碼 45%、活動 25%、內容 15%、公關 10%、其他 5%

最佳選擇： 中間有「總計：$500K」嘅甜甜圈圖

原因： 數碼明顯主導，中央總計增加背景，簡潔專業。

例 2：4 季度各地區銷售

資料： 四地區，四時期

最佳選擇： 100% 堆疊長條圖（水平，每季度一條長條）

原因： 容易比較隨時間地區份額變化。

例 3：網站流量來源

資料： 8 個流量來源，由 2% 到 35%

最佳選擇： 水平長條圖（唔係專為百分比）

原因： 太多部分唔適合圓餅圖，相似大小令比較困難。長條圖清晰顯示排名。

例 4：年度報告開支類別

資料： 總計預算嘅 6 個開支類別

最佳選擇： 有層級就用樹狀圖，平面就用圓餅圖

原因： 管理層期待傳統格式；層級增加洞察力。

常見百分比視覺化錯誤

錯誤 1：加唔到 100% 嘅百分比

如果顯示多選問題嘅「受訪者 %」，唔好用圓餅圖。百分比加唔到 100%，會搞亂所有人。

修正： 用標示「選擇每個選項嘅受訪者 %」嘅長條圖。

錯誤 2：太多圓餅切片

七個或更多部分令圓餅圖難以閱讀。

修正： 將細類別歸入「其他」或轉用長條圖或樹狀圖。

錯誤 3：3D 圓餅圖

3D 效果扭曲感知。向前嘅切片睇落大過實際。

修正： 永遠用平面 2D 圖表。

錯誤 4：圖表之間顏色唔一致

如果一個圖表中藍色代表「產品 A」，咁所有圖表中藍色都應該代表「產品 A」。

修正： 創建顏色圖例並一致應用。

錯誤 5：缺少標籤

迫觀眾匹配顏色同圖例造成摩擦。

修正： 空間允許時喺部分上用直接標籤。

進階技巧

小型多重圖

喺網格中顯示多個圓餅/甜甜圈圖作比較。

最適合： 唔同時間段、地區或部分嘅相同組成。

關鍵規則： 保持所有圖表相同大小並用相同顏色。

組合圖表

將圓餅/甜甜圈圖同長條圖配對顯示細節。

例子： 甜甜圈顯示概覽（數碼 60%），下面長條圖將數碼細分為搜尋、社交、顯示、電郵。

互動下鑽

喺儀表板中，讓用戶點擊部分查看其細分。

樹狀圖例子： 點擊「市場營銷」查看按活動類型細分。

百分比圖表工具

快速圖表

• ChartGen： AI 建議你百分比資料嘅最佳圖表類型
• Google 試算表： 內置圓餅、甜甜圈、堆疊圖表
• Excel： 種類多但需要手動格式化

專業儀表板

• Tableau： 進階樹狀圖同小型多重圖
• Power BI： 互動下鑽功能
• Looker： 企業級組成分析

設計工具

• Figma： 自訂格子圖同資訊圖表
• Canva： 模板基礎圓餅同甜甜圈圖
• Adobe Illustrator： 像素級完美自訂

快速決策框架

回答呢啲問題：

Q1：有幾多類別？

• 2-5：圓餅、甜甜圈或格子圖
• 6-10：長條圖或簡化圓餅圖（有「其他」）
• 10+：樹狀圖或長條圖

Q2：係咪比較群組？

• 係：100% 堆疊長條圖
• 唔係：圓餅、甜甜圈或樹狀圖

Q3：時間重要嗎？

• 係：堆疊面積圖
• 唔係：靜態圓餅、長條或樹狀圖

Q4：有一個類別主導嗎？

• 係：圓餅或甜甜圈圖（強調主導）
• 唔係：長條圖（準確比較）

Q5：觀眾係邊個？

• 管理層：圓餅/甜甜圈圖（熟悉簡單）
• 分析師：長條/樹狀圖（更精確）
• 一般公眾：格子圖（吸引清晰）

結論

百分比組成最佳圖表取決於你嘅資料、觀眾同訊息。圓餅圖唔係永遠錯 — 只係經常被誤用。

關鍵要點：

• 圓餅圖適用於 5 個或更少部分且一個主導
• 甜甜圈圖喺中央指標重要時增加價值
• 堆疊長條圖擅長比較群組間組成
• 樹狀圖處理複雜性同層級
• 格子圖用精確計數吸引觀眾

需要幫助選擇？ ChartGen 分析你嘅資料並自動推薦最佳百分比圖表。免費試用，幾秒內睇到你嘅組成視覺化。