圓餅圖製作工具

實測範例：4 筆種子資料的百分比與截斷規則

頁面預設帶入「居住 40、飲食 25、交通 20、娛樂 15」四筆種子資料，總和為 100，因此各項百分比剛好等於數值本身（40%、25%、20%、15%）；如果把其中一筆改成 0 但其他三筆仍大於 0，圖表仍會正常繪製，只是那一項在圓餅圖上不佔任何角度。只有「所有」數值都是 0 或空白時，才會顯示「請輸入至少一筆有效資料」的提示。

標籤欄位超過 14 個字元時，圖例文字會被截斷並加上刪節號（例如很長的分類名稱可能顯示成前 13 個字加上一個「…」），完整文字仍保留在輸入欄位裡，只是畫布上的顯示被縮短；匯出 PNG 前建議先把過長的標籤縮短到 14 字以內。

• 圖表標題欄位有 60 字元的長度上限（maxlength="60"），超過的部分無法輸入。
• 色盤固定循環使用 8 種顏色；輸入超過 8 筆資料時，第 9 筆會重複使用第 1 筆的顏色。

什麼時候該用圓餅圖，什麼時候改用長條圖

圓餅圖工具比長條圖工具多一道檢查：只要所有數值加總為 0（例如全部留空或全部輸入 0），就不會嘗試畫出一個沒有意義的滿版圓；長條圖工具沒有這道加總檢查，即使數值全是 0 也會嘗試繪製座標軸。這代表圓餅圖比較適合「一定要看得出占比」的資料，長條圖比較能容忍暫時未填完的資料列。

選擇建議：類別在 2 到 6 項、彼此加總成一個有意義的「整體」時（例如預算分配、問卷選項占比），用圓餅圖比較容易一眼看出佔比；類別超過 8 項、數值之間沒有「加總為 100%」的關係，或需要比較數值大小而不是佔比（例如每月銷售額趨勢）時，改用長條圖，因為圓餅圖色盤只有 8 色，切片過多會重複顏色也難以分辨。

驗證方法：把畫面上每個扇形旁邊顯示的百分比手動加總，應該等於 100%（因四捨五入到小數點後 1 位，可能有極小誤差）；也可以另外用本站的百分比計算器，逐一算出每個數值占總和的比例，交叉核對圖例上顯示的數字。

如何使用

1. 輸入圖表標題（選填）。
2. 在每一列填入標籤與對應的數值。
3. 工具會自動換算各項占整體的百分比並繪製圖例。
4. 完成後按「匯出 PNG」下載圖片。

常見使用情境

• 呈現預算或支出的分類占比。
• 顯示問卷各選項所占的比例。
• 比較不同產品或來源的市占結構。

適合誰使用

• 需要呈現預算或支出占比的職員
• 整理問卷選項比例的分析人員
• 製作教學或報告用占比圖的老師與學生

實際案例

注意事項

• 圖表標題欄位有 60 字元的長度上限，超過的部分無法輸入。
• 色盤固定循環使用 8 種顏色，輸入超過 8 筆資料時，顏色會重複，只能靠圖例文字分辨。
• 標籤超過 14 個字元時，圖例上的顯示文字會被截斷並加上刪節號，輸入欄位裡的完整文字則不受影響。