矩形樹圖
Loading chart...
資料
| 名稱 | 數值 | 顏色 | |
|---|---|---|---|
一般設定
顯示設定
免費線上矩形樹圖製作工具
什麼是矩形樹圖？
矩形樹圖將階層式資料以巢狀矩形呈現，每個矩形的面積與其數值成正比。這是同時展示多個類別之整體佔比關係的最佳方式——例如按產品線劃分的收入、按資料夾劃分的儲存使用量，或按產業劃分的市值。與圓餅圖不同，矩形樹圖能輕鬆處理數十個分類而不顯雜亂，是需要在同一視圖中兼顧層級與比例時的首選。
主要功能
1
面積編碼數值
每個矩形的面積直接與其數值成正比，讓相對大小一目了然，無需逐一閱讀數字。
2
巢狀層級結構
將項目分組為主分類與子分類，讓觀者能從整體全局深入到個別細節。
3
色彩分類
為每個分類指定不同顏色，或使用漸層色突顯第二個維度——例如在市佔率旁同時呈現成長率。
4
彈性標籤選項
在每個區塊內顯示項目名稱、數值或兩者兼具，調整字型大小與位置，確保密集的矩形樹圖仍易於閱讀。
5
即時 AI 生成
以文字描述您的資料，MakeCharts 即可在幾秒內生成矩形樹圖，無需試算表。
6
匯出與嵌入
以 PNG 或 SVG 格式下載矩形樹圖，或取得嵌入碼直接插入網頁或簡報。
最適合用於
按部門劃分的預算與費用明細
各公司或產業的市場份額分布
按資料夾劃分的檔案系統與儲存使用量
跨資產類別的投資組合配置
按產品類別與地區劃分的銷售績效
按來源管道或內容類型劃分的網站流量
使用時機
- 分類超過 6–7 個，圓餅圖已難以閱讀時
- 資料具有自然的父子層級結構（如產業→公司、部門→團隊）
- 需要一眼比較大量項目的相對大小時
- 整體佔比至關重要，且每個項目都需清楚可見時
- 希望突顯主導分類，但不想使用排序清單時
常見錯誤
- !包含過多細小分類——佔總量約 1% 以下的項目會變成難以辨識的細條
- !未設定排序，導致最大區塊分散各處，而非集中排列以便快速瀏覽
- !相鄰區塊使用過於相近的顏色，導致難以區分不同分類
- !密集矩形樹圖的標籤字型設定過小——應改為在極小區塊上隱藏標籤
- !混淆矩形樹圖與熱力圖：矩形樹圖以面積編碼數量，而非色彩強度
- !數值標籤未標示單位，讓觀者難以判斷數字代表金額、百分比還是計數