圓餅圖製作工具速查表是一張單頁的參考資料，內容包含準確的輸入格式、空白或格式錯誤的處理規則、工具用來將數值轉成切片百分比的公式，以及下載時的實際限制。您真正需要的速查表其實很短：每行輸入一個標籤和一個數字，以逗號分隔，按下 Enter 的瞬間圖表就會重新繪製。每個切片的大小依其佔總和的比例決定，顏色採用內建調色盤，並在圖例中列出標籤、原始數值與百分比。您不需要自己輸入百分比——每個切片佔比就是其數值除以所有數值的總和，因此圖表永遠會加總到 100 百分比。下載的檔案是白色背景的 PNG，於您自己的裝置上產生，您輸入的任何內容都不會傳送到伺服器。本頁面彙整了格式、計算方式、限制，以及把一份粗糙的清單變成可直接放進投影片、報告或對話的圖表的小技巧。
輸入格式速查表
每張圖表都從同一種單行格式開始。每一列代表一個類別，左側為標籤，中間為逗號，右側為原始數字。空白行會被忽略，標籤和數字周圍的多餘空白會被修剪，任何不含有效非負數字的行也會被略過——即使貼上的內容雜亂，仍然能產生圖表。數值可以是整數或小數，也接受零。由於數值是從每一行最後一個逗號之後讀取，因此標籤中可以安全地包含逗號，例如 North America, US。
| 欄位 | 格式 | 範例 | 規則 |
|---|---|---|---|
| 標籤 | 最後一個逗號之前的文字 | Chrome | 可自由輸入，可包含逗號 |
| 數值 | 最後一個逗號之後的數字 | 63 | 非負整數或小數 |
| 換行 | 每行一個類別 | Safari, 20 | 空白行會被忽略 |
| 標題 | 選填的文字欄位 | Browser share, Q4 | 顯示在圖表上方 |
如果您從試算表開始，只要貼上兩個欄位——標籤和數值——工具會完成剩下的工作。
三步驟製作圓餅圖
- 在方塊中輸入資料，每行一個項目，格式為「標籤，數值」——例如，一行輸入「Chrome, 63」，下一行輸入「Safari, 20」。
- 看著圖表隨著輸入重新繪製。每個切片都會上色，依比例調整大小，並列於圖例中，圖例會顯示標籤、原始數值與百分比。
- 加入選填的標題，然後點選 Download（下載），將圖表儲存為白色背景的 PNG 圖片。
整個流程都在您的瀏覽器分頁內完成。圖表僅依據您輸入的數字在 HTML canvas 上繪製，因此重繪是即時的，您與最終的 PNG 之間沒有任何上傳步驟。
百分比公式
百分比會使用相同的公式為您計算。每個切片的百分比等於其數值除以所有數值的總和，再乘以 100。所以如果您的總和是 100，某個切片是 63，該切片就顯示 63 百分比；如果同樣的切片在總和為 200 中，它就顯示 31.5 百分比。由於工具會根據您提供的數字算出結果，切片永遠會加總為完整的圓——不需要再回試算表修正四捨五入的誤差。
以一個四列資料集為例的計算過程：
- 數值總和：63 + 20 + 10 + 7 = 100
- Chrome 佔比：63 / 100 = 0.63，即圓餅的 63 百分比
- Safari 佔比：20 / 100 = 0.20，即圓餅的 20 百分比
- Firefox 佔比：10 / 100 = 0.10，即圓餅的 10 百分比
- 其他佔比：7 / 100 = 0.07，即圓餅的 7 百分比
即使您的原始數字加總不是 100，切片永遠會加總為 100 百分比。如果您的數字加總為 237，每個百分比仍然是其佔 237 的比例，圖表也仍然會畫出一個完整的圓。
讓圖表更易讀的技巧
- 切片控制在少數幾個。圓餅圖最適合約二到六個類別。如果更多，請把最小的幾個合併成單一「Other（其他）」列，避免圖表變得像五彩碎紙。
- 由大到小排列各列。切片會依照您列出的順序繪製，從頂端開始，因此把最大的佔比放在最前面會讓圖表更清楚易讀。
- 標籤保持簡短。圖例會反映標籤文字，整齊的圖例比換行後的圖例更容易瀏覽。可使用標題說明整個圓餅，把脈絡放進切片名稱中反而會擠壓空間。
- 需要時使用小數。不一定要用整數，12.5 這類數值也能接受，顯示方式與整數相同。
- 把零視為有效的數值。數值為零的列會產生沒有可見寬度的切片，因此不會扭曲圖表——適用於標示某個沒有貢獻的類別。
常見錯誤與快速修正
- 忘了加逗號。像 Chrome 63 這類行會被視為單一項目。缺少數字，該行會被略過，圖表會悄悄忽略該類別。修正方式：在標籤與數值之間加上逗號。
- 貼上了標題列。如果第一行是 Browser, Share 而非數字，該行會被略過。圖表仍會根據下方的列繪製。
- 負數。含有負值的行會被略過，因為工具只接受非負數字。修正方式：將負數改為絕對值，或刪除該列。
- 切片太多。超過約八個切片會讓視覺難以閱讀。修正方式：將最小的類別合併成單一「Other（其他）」列後重新匯出。
- 標籤斷成兩行。被換行拆開的一行會被解析器視為兩列。修正方式：讓每個類別保持在同一行，確保解析器在正確的行讀到逗號。對於更大或更混亂的欄位，圓餅圖製作工具大量貼上操作說明有更深入的模式說明。
隱私、限制與工具不會做的事
圖表完全使用瀏覽器內的 HTML canvas 在您的裝置上繪製，PNG 也是在本機產生。您輸入的任何內容都不會被傳送出去，因此用於機密數字也很安全——內部指標、預算、調查結果，或任何您不想上傳的資料皆可。沒有註冊流程、不需安裝，也不必等待伺服器往返；即使調整數字，重繪依然感覺即時。
| 問題 | 回答 |
|---|---|
| 資料會被上傳嗎？ | 不會，處理過程在瀏覽器本機進行 |
| 輸出格式是什麼？ | 白色背景、邊緣清晰的 PNG 圖片 |
| 百分比會自動計算嗎？ | 會，依據每個數值佔總和的比例計算 |
| 標籤可以包含逗號嗎？ | 可以，數值會從行內最後一個逗號之後讀取 |
| 空白行算錯誤嗎？ | 不算，空白行會被忽略 |
| 可以加入標題嗎？ | 可以，選填的標題會顯示在圖表上方 |
這個工具刻意保持單純。它只做一件事：把一份標籤與數值清單轉成乾淨、扁平的圓餅圖，包含圖例、標題與下載功能。這種專注正是它的價值：一種快速、私密的方式，把一串數字變成可分享的 PNG。如果需要在投影片或試算表中做更複雜的排版，您可以把下載的 PNG 當作一般圖片插入 PowerPoint、Google Slides 或 Excel，或在上面執行專用的編輯器。
讓速查表派上用場
使用本頁最快的方式就是把它當作檢查清單。確認您的資料是每行一個標籤、一個逗號、一個數字。略過任何標題列、負數或雜湊列。加上能說明整個圓餅的標題。點選 Download（下載）。把 PNG 放進它該去的地方。如果想試驗不同格式，圓餅圖製作工具接受以上完全相同的輸入，輸入的瞬間就會重新繪製——所以您可以從試算表貼上真實的一欄，看圖表成形，並調整順序直到圖例讀起來清楚再儲存。
延伸閱讀：無聊時怎麼辦：一頁速查表。