為 Canva 製作的表格圖表,是你資料的一個樣式化 SVG,你可以上傳到任何設計中,而最乾淨的做法是在你的瀏覽器中,從一個 CSV 檔案本機產生它,而不是在 Canva 的圖表編輯器中輸入數值。Table Chart Maker 正是這樣做的:貼上一行標題,加上最多五十行、兩到十欄的資料列,點擊產生,將解析後的 HTML 預覽與你的來源資料核對,然後下載一個獨立的 SVG 檔案,你可以直接放入 Canva 專案中。整個過程將你的資料保留在你自己的機器上,匯出可縮放且能在 Canva 編輯器中縮放後仍保持品質的文字與矩形,並產生一個具有明確 width、height、viewBox,以及可供螢幕放大鏡讀回的無障礙標籤的素材。這對於任何已經在試算表或 CSV 匯出檔中擁有數字、並希望在 Canva 內建的圖表工具中不必手動重建版面就獲得完成表格的人來說非常實用。以下是該工具接受的內容、如何逐步執行,以及在上傳 SVG 到設計之前值得進行的檢查。

how to make table chart in canva
從乾淨的 SVG 在 Canva 中製作表格圖表

為什麼要在 Canva 之外產生表格圖表

許多 Canva 使用者一開始會點擊編輯器內的圖表圖示,然後直接在 Canva 的資料表中輸入數值。這對少數幾列有效,但有其限制:你無法貼上 CSV,格式化選項受限於 Canva 的圖表預設,而之後要編輯資料就意味著重新輸入整份工作表。在你的瀏覽器中從 CSV 產生圖表,會給你一個乾淨的 SVG,你可以將其作為圖片放入、在不同專案間切換,並在數字變動時重新執行該工具來更新。由於該 SVG 是 XML 跳脫的,並使用 Arial 系統字型加上明確的尺寸,它能在 Canva 編輯器、簡報應用程式、向量設計工具,以及任何接受 SVG 的文件工作流程中可預期地開啟。這個頁面不會上傳標籤、數值、註記、姓名或產生的圖像,因此你表格唯一的副本就是你一開始的 CSV 檔案。

該工具強制執行的 CSV 規則

解析器是嚴格的,這正是讓你的欄位在匯入時不會漂移的原因。在你貼上之前,請確保你的資料符合以下限制:

  • 第一行是非空白的標題,每個標題都必須包含文字
  • 總共兩到十欄,後續每一列的儲存格數量必須完全相同
  • 標題下方一到五十列資料列
  • 總計最多 20,000 個 JavaScript 字元,每個儲存格最多 120 個 Unicode 字元
  • 使用 CRLF 或 LF 行結尾,以逗號作為欄位分隔符號
  • 包含逗號或換行的儲存格必須用雙引號包裹
  • 引號內儲存格中,連續兩個雙引號會變成一個字面上的引號,因此 Said ""hello"" 會被解析為 Said "hello"
  • 在右引號之後,只能接著逗號或換行

如果這些規則中有任何一項不符合,輸入會被拒絕而不是被猜測,因此欄位絕不會在無聲無息中吞掉錯誤的值。這對 Canva 來說很重要,因為一個對齊錯位的標題會傳播到你貼上的每一個表格中。

三步驟製作表格圖表

  1. 準備 CSV。開啟你的試算表,將標題與資料列匯出或複製為逗號分隔的文字,並將任何包含逗號或換行的儲存格用雙引號包裹。引號內儲存格中,任何字面上的雙引號都要寫成兩個。確認顯示的列數與欄數後再繼續。
  2. 產生並驗證。將 CSV 貼到 Table Chart Maker 中,點擊 Generate table chart,然後將 HTML 預覽中的每個儲存格與你的來源數值核對。預覽使用真實的 HTML 表格元素,因此標題與儲存格仍可選取與複製,而完整解析後的文字即使後來在圖片中變短,仍會被保留。
  3. 下載並檢查 SVG。點擊下載按鈕,依照你在 Canva 中預計使用的尺寸開啟 SVG,並確認較長或較寬的儲存格如預期般呈現。圖片會在超過 30 個 Unicode 字元後縮短顯示的數值,以維持欄位寬度;HTML 預覽則保留完整解析後的文字。SVG 中的每個字串都是 XML 跳脫的,且無效的 XML 控制字元會被替換。

Canva 圖形中表格圖表、長條圖與圓餅圖的比較

表格是你可能貼到 Canva 專案中的幾種圖表類型之一。正確的選擇取決於你希望讀者如何處理這些數字,而且在設計中途切換圖表類型是常見的,特別是當你意識到表格太密集,或長條圖太模糊的時候。

在 Canva 設計中的目標最佳圖表類型為什麼適合
顯示精確的標籤、分數、價格或行程表格圖表讀者可以在不依據座標軸估算的情況下瀏覽儲存格數值
比較少數類別之間的大小長條圖長度比讀取數字更快地編碼數值
一眼看出整體中的各部分圓餅圖切片大小在單一瞥看中就能傳達占比
顯示具有開始與結束日期的時間軸甘特圖水平範圍直接對應到行程表
繪製跨有序序列的趨勢折線圖連接的點揭示了隨時間變動的方向

當精確的文字比繪製的趨勢更重要時,表格圖表是最有力的選擇。計分板、功能比較、小型目錄、價格表、活動摘要,以及研究快照都符合這個模式。如果你的專案在設計過程中轉向強調大小比較,一個由數字清單製作的長條圖可能更適合相同的 Canva 版面。

在上傳 SVG 到 Canva 之前要檢查什麼

SVG 下載完成後,請在本地以你打算在 Canva 中使用的最終尺寸開啟它。該工具使用固定的顏色與 Arial 系統字型,因此該檔案是自給自足的,但你仍希望在發布前驗證一些細節:

  • 拼字與大小寫與你的來源 CSV 完全一致
  • 每個預覽列數與你貼上的資料列數相符
  • 交替的列底色在你的 Canva 背景上仍如預期般可讀
  • 被截斷的標籤(在圖片中超過 30 個 Unicode 字元的部分)仍然可以理解,或者重寫來源字串使其更短
  • 在目標尺寸下的色彩對比 — SVG 中的文字是深色的,但淺色的 Canva 範本可能會沖淡細小的文字
  • 你在 Canva 專案中的最終實體尺寸,因為非常寬的表格在行動裝置上可能需要水平捲動,而濃縮後的文字在縮圖尺寸下會變得難以閱讀

請將來源 CSV 作為可編輯的權威紀錄。你在 Canva 中編輯的任何內容都是一次性的設計工作;當數字變動時,CSV 才是你重新執行該工具的依據。

為什麼 Canva 的匯入有時看起來不對

如果你匯入到 Canva 中的表格看起來對齊錯位、不相符或被奇怪地裁切,原因幾乎總是在來源檔案中,而不在 Canva 本身。在你從頭開始重新設計之前,最常見的原因值得了解:

  • 包含逗號的儲存格沒有加上引號,因此解析器將該逗號計為欄位分隔符號,並將後續的儲存格推入錯誤的欄位
  • 引號內儲存格中的字面上的雙引號沒有加倍,在儲存格中間破壞了引號欄位的狀態
  • 使用了混合的行結尾、Tab 或分號,而不是純逗號與 CRLF 或 LF
  • 標題列被省略,因此第一列資料變成了標題,每個欄位都向上位移了一格
  • 貼上的檔案實際上是 Markdown 表格、HTML 表格、XLSX 活頁簿或 Google 試算表連結,而不是純 CSV — 這些格式是刻意不被該工具解讀的

將來源轉換為逗號分隔的 UTF-8 文字,並為任何包含逗號或換行的儲存格加上引號,可以解決幾乎所有的對齊問題。該工具僅接受逗號分隔的文字,並且刻意不加入活頁簿解析的依賴,因此輸入要嘛乾淨地解析,要嘛完全不解析。

何時表格圖表是正確的選擇

表格圖表適用於 Canva 圖形中那些精確措辭承載訊息的內容。範例包括:帶有隊名的賽季計分板、產品登陸頁的功能比較、聯絡資料的小型目錄、帶有方案名稱的價格表、帶有日期與場地的活動摘要表格,以及帶有標籤的少數指標的研究快照。對於純粹的數值比較,長條圖或圓餅圖通常能更快地傳達大小。對於具有開始與結束日期的任務,甘特圖可能是更好的表示方式。此工具刻意不解讀公式、排序、合併儲存格、篩選、樞紐操作、推斷類型、隱藏欄位或自動加總 — 每個數值都是字面上的,你所下載的 SVG 是你所提供 CSV 的忠實呈現。

延伸閱讀:長條圖最佳實務:選擇刻度與標籤。