在 Canva 中建立圓餅圖的方式,是先在一個獨立的瀏覽器工具中產生圖表,再把匯出的 PNG 當作圖片插入到你的 Canva 設計中,因為 Canva 本身並沒有提供原生、可用於圓餅圖切片的圖表元件。最快速且可行的做法是:在一個文字方塊中輸入你的標籤和數值,讓圓餅圖產生器繪製出切片並附上圖例,然後將結果下載成 PNG,再用與新增任何其他圖片相同的方式,將這個 PNG 拖進 Canva 專案中。Canva 自己的設計畫布是以圖層、文字和素材庫媒體為核心,因此即使是它的「圖表」類別,也多半以長條圖和折線圖為主,而不是可互動的圓餅切片。把圖表的數學運算與設計修飾分開處理,你能得到更清晰的影像、精確的百分比,以及在圖表放入版面後,對圖例字型排版的完整掌控權。
大多數搜尋這個主題的讀者,通常是想在 Canva 中製作一份快速的報告投影片、校園資訊圖表、社群媒體輪播圖,或是一頁式行銷素材,並希望使用真正的圓餅圖,而不是堆疊圓形或徒手繪製扇形。問題在於 Canva 的圖表區塊偏重於長條圖、折線圖和面積圖,而少數幾個圓餅圖範本在處理較多切片時也力不從心。這正是為什麼一個專門的圓餅圖工具會是最佳的搭配:你的數字以純文字方式保留,你可以手動編輯它們,最後得到一個能放進任何模板的單一圖片資產。
為何單靠 Canva 不足以處理圓餅圖
Canva 是一個分層設計工具,而不是資料引擎。你可以將圓形拖到頁面上、旋轉它們,並手動上色,但每個扇形的角度都得用肉眼估算,每個百分比也都得自己計算。對於三個切片的圖表來說還算可行;一旦切片增加到六個以上,計算很快就會變得棘手,小小的誤差會累積成一張明顯加總不到 100% 的圖表。
Canva 也缺少針對圓餅圖的即時資料綁定功能。如果你的數字變動,就必須從頭重畫扇形。相較之下,如果你先在瀏覽器工具中建立圖表,再匯入圖片,你的資料會以純文字清單的形式保存,既容易編輯、複製貼上,也能分享給不具設計背景的同事。
開始前你需要準備什麼
在打開 Canva 之前,先準備好三項東西:
- 一串簡短的類別標籤清單及其對應的數值,每行以「標籤,數值」的格式書寫。
- 一個粗略的構想,決定你想放在圖表上方的標題文字。
- 一個已開啟的 Canva 設計,或是你計畫放入圖表的模板。
你不需要任何製作圖表的技能、不需要試算表,也不需要影像編輯軟體。圖表會在你的瀏覽器中產生,並下載成單一的 PNG 檔案。
在圓餅圖產生器中建立圖表
Lizely 的圓餅圖產生器正是為了這種「從清單到圖表」的工作流程而設計。它完全在瀏覽器中運作,因此在你的資料被下載為圖片之前,都不會離開你的裝置。如果你的數字來自內部銷售資料、學生成績,或任何不方便貼進第三方雲端服務的內容,這一點非常重要。
- 在新的瀏覽器分頁中開啟圓餅圖產生器頁面。
- 在資料輸入框中,一行輸入一個切片,使用「標籤,數值」的格式。例如,在第一行輸入 Chrome, 63,第二行輸入 Safari, 19,依此類推。
- 一邊輸入,一邊觀察頁面右側的圖表即時重新繪製。每個切片會有獨立的顏色,圖例也會同步更新,同時顯示原始數值與佔總和的百分比。
- (選擇性) 在標題欄位中輸入圖表標題。為了讓標題在切片上方排列整齊,請盡量保持簡短。
- 確認每個數值都是正數,且標籤讀起來自然。負數和零不會產生有意義的切片,因此在 下載前請替換或移除它們。
- 按下「下載」按鈕,將圖表以 PNG 影像儲存到你的電腦。
這個流程刻意設計得很簡短。工具會處理角度運算、圖例排版和配色選擇,讓你能專注在數字和訊息本身。
把圖表放進 Canva
現在切回你的 Canva 專案,把剛剛下載的 PNG 當作一般的圖片上傳即可。
- 在 Canva 左側的側邊欄中,點擊 上傳。
- 點擊 上傳檔案,選擇剛剛儲存的圓餅圖 PNG。
- 把已上傳的圖表從媒體面板拖曳到畫布上。
- 在版面中調整圖表的大小與位置。Canva 的角落控制點會鎖定長寬比,因此圓形始終保持圓形。
- 如果需要透明背景,請從圓餅圖產生器以透明底圖重新匯出,再重新上傳到 Canva。
圖表放上畫布後,你可以在它上方加入文字、圖示或背景形狀。Canva 將 PNG 視為一張平面影像,只要你不把圖片拉伸超過原始解析度,圖表就不會變得模糊。如果你需要更大的圖表,請在圖表工具中以較大的尺寸產生,而不是在 Canva 中過度放大。
日後編輯數字而不必重畫圖表
在 Canva 之外產生圖表,真正的價值在於數字變動時會發生什麼。假設在你已經把圖表放進簡報後,行銷團隊送來了更新後的流量數字,你在 Canva 裡完全不需要重新製作任何東西。
再次開啟圓餅圖產生器,以同樣的「標籤,數值」格式貼上更新後的清單,然後重新下載。接著在 Canva 中,把新的 PNG 拖到畫布上舊圖表的位置,將它對齊到同一個外框範圍,再刪除舊的圖表。由於新檔案是依相同的版面產生,對齊通常一步就能搞定。如果需要更全面地了解如何把任何數字清單轉成切片,這份關於從任意數字清單製作圓餅圖的指南會更深入地說明資料處理的部分。
讓圖表在 Canva 中看起來正確的設計訣竅
一張本身乾淨的圖表,並不保證能在 Canva 版面中同樣好看。圖表放進投影片或社群貼文後,幾個小決定就會帶來很大的差異。
- 切片數量盡量控制在五到六個以內。超過這個數量,圖例就會開始擠壓到切片。
- 挑選一個能點出重點的圖表標題,而非僅僅描述主題。「行動裝置目前帶動 71% 的流量」會比「依裝置區分的流量」更好。
- 讓圖表切片的顏色與你的 Canva 色盤一致。你可以透過 Canva 內建的顏色選取工具,從 PNG 中擷取顏色,並在投影片其他地方重複使用。
- 在圖表周圍保留呼吸空間。貼著投影片邊緣的圓餅圖會顯得局促,在行動裝置上閱讀也更吃力。
Canva 也讓你輕鬆為圖表加入細微的陰影或彩色外框,幫助它在繁雜的背景上更突出。請記住,任何視覺效果都是套用在整張圖片上,而不是作用於個別切片。
在 Canva 中製作圓餅圖的常見錯誤
有三個陷阱會反覆出現。第一,有人試圖以旋轉過的橢圓手動拼出扇形,結果花了一整個下午,角度卻總是差那麼一點。第二,他們從其他網站貼上一張圖表的螢幕截圖,單次使用或許還行,但放大時就會變得模糊。第三,他們試圖強迫 Canva 的「圖表」區塊看起來像圓餅圖,最後卻得到一個像甜甜圈圖的東西。
使用專門的圖表工具就能一次避開這三個問題。你的角度在數學上是正確的,來源是清晰的 PNG 而不是螢幕截圖,而成果毫無疑問就是真正的圓餅圖,而不是勉強變形的長條圖變體。對於經常在 PowerPoint 或 Google 簡報中處理大量圖表的人來說,這個方法同樣受用,因為匯出的 PNG 都能乾淨地放進這兩套工具。
快速總結
| 步驟 | 進行位置 | 你會得到什麼 |
|---|---|---|
| 輸入標籤與數值 | 圓餅圖產生器的資料輸入框 | 切片與圖例的即時預覽 |
| 新增標題 (選擇性) | 圓餅圖產生器的標題欄位 | 顯示在圖表上方的標題文字 |
| 下載 PNG | 圓餅圖產生器的下載按鈕 | 電腦中的一張平面圖檔 |
| 上傳並放入 Canva | Canva 的「上傳」面板與畫布 | 嵌入設計中的圖表 |
這就是完整的流程。在 Canva 中沒有需要學習的原生圓餅圖元件,不需要為了匯入而和試算表搏鬥,也不需要任何設計技能,只要會放置並調整圖片大小即可。對於想在其他工具中更積極調整圓餅圖尺寸的讀者,這份Tableau 圓餅圖尺寸調整指南會以 Tableau 為背景,說明相同的概念。
如果你經常在 Canva 中製作投影片、社群圖片或報告封面,請把圓餅圖產生器加入書籤。每次產生的圖表都會變成可重複使用的圖片資產,而背後的資料則以純文字清單的形式保留,你可以在幾秒鐘內編輯。
延伸閱讀:如何在 SVG 中建立含多重長條的長條圖。
延伸閱讀:如何在幾分鐘內不靠設計技能畫出實用的心智圖。