Google Docs 沒有內建方式將小型資料集轉成表格圖表,因此最乾淨的工作流程是在另一個瀏覽器工具中產生圖表,將其下載為可縮放的 SVG,再把該 SVG 當作圖片放入你的文件。Table Chart Maker接受嚴格的逗號分隔檔案,內含一個標頭列與最多 50 列主體資料列,使用支援引號欄位以及 CRLF 或 LF 行尾結束符號的狀態機進行解析,並產生一個使用 Arial 字型與固定顏色的獨立 SVG。由於解析與渲染都在你的瀏覽器本機執行,你的試算表內容從不傳送到伺服器,這在資料集包含姓名、價格、內部時程,或任何你寧願保留在自己機器上的紀錄時格外重要。匯出的檔案可以在瀏覽器、簡報編輯器,或任何接受 SVG 的向量相容文件工作流程中開啟,而 Google Docs 會把它當作你貼上或上傳的任何其他圖片來處理。

how to make table chart in google docs
從 CSV 在 Google Docs 中製作表格圖表

為什麼 Google Docs 在表格圖表上力有未逮

當你想在文件內放入一個表格形狀的圖表時,Google Docs 提供兩條路徑。第一條是原生「插入 > 表格」指令,它會在文件中建立一個真正可編輯的表格,但不提供標頭背景、交替列底色、欄寬估算,或任何看起來像「圖表」的視覺樣式。第二條是「插入 > 圖表」,它實際上嵌入的是 Google Sheets 圖表物件;Sheets 本身很強大,但你最終得到的圖表通常是與即時儲存格綁定的長條圖、折線圖或圓餅圖視覺化,而不是一個乾淨的表格計分板或比較網格。這兩條路徑都無法提供你在功能比較、價目表、會議議程或通訊錄中會使用的那種小型、有樣式、以標籤為焦點的表格圖表。

如果你的目標是在 Docs 中發佈一個整潔的表格圖表,實用的模式是在 Docs 之外將其製作成 SVG 圖片,再插入該圖片。SVG 在任何縮放等級下都保持清晰,可以在文件內自由調整大小,且在每位讀者的螢幕上看起來都一樣,這正是多數團隊在將表格貼入報告時所期待的。

將你的資料準備為嚴格的 CSV

Table Chart Maker 對輸入刻意採取嚴格標準。它不會解讀 Markdown 表格、貼上的 HTML、XLSX 活頁簿、Google Sheets 連結、遠端 URL、JSON 物件、定位字元,或以分號分隔的地區性 CSV。這些格式有不同的解析與安全性需求,因此如果你的資料存在於其中任何一處,請先將來源轉換為以逗號分隔的 UTF-8 文字,再將該文字貼入工具中。

解析器強制執行特定的結構:

  • 一個非空白的標頭列,提供欄位名稱。每個標題都必須包含文字。
  • 整個檔案共有二到十個等寬欄位。
  • 一列到五十列的主體資料列。每列主體資料列的儲存格數必須與標頭完全相同。
  • 整體輸入最多 20,000 個 JavaScript 字元,每個儲存格最多 120 個 Unicode 字元。

包含逗號、換行符號,或兩者皆有的儲存格需要用雙引號包起來。引號欄位內的雙引號字面值以兩個雙引號表示。解析器會拒絕格式錯誤的輸入而非猜測,因此在貼上之前做一次快速的格式檢查,可以省下一次浪費的產生循環。

來源值在 CSV 中應輸入的內容解析後的結果
Ada, A."Ada, A."Ada, A.
Said "hello""Said ""hello"""Said "hello"
Notesline two"Notesline two"Notesline two
Plain wordPlain wordPlain word

三個步驟產生圖表

一旦你的 CSV 是乾淨的,產生 SVG 就是一個簡短的「貼上、預覽、下載」循環。將每一次處理視為一個驗證步驟,而不是一場豪賭。

  1. 將你的 CSV 貼入輸入區域。第一筆記錄必須是你的標頭列,其下方的每列主體資料列必須擁有相同數量的儲存格。
  2. 選擇「產生表格圖表」。頁面上的預覽是使用真正的 HTML 表格元素所建立,因此你可以選取、複製並檢查每個標題與儲存格,以確認解析器正確理解了你的檔案。
  3. 下載逸出後的 SVG。以你打算發佈的大小,在瀏覽器或向量編輯器中開啟該檔案一次,並確認較長的儲存格、欄寬以及交替的列底色看起來正確。

下載的檔案包含明確的 width、height、viewBox、一個 image 角色與一個可存取的標籤,因此螢幕閱讀器與下游工具可以將其識別為一個有意義的圖形。工具放入 SVG 中的每個字串都經過 XML 逸出,任何無效的控制字元在序列化之前都會被取代,因此一個看起來像指令碼標記的儲存格會被繪製為可見的文字,而非被執行。欄寬是根據每欄中顯示最長的值來估算,並設有最小與最大寬度以防止欄位過窄或無限制地擴張,而列則使用固定高度,使版面配置保持可預測。

將 SVG 插入你的 Google 文件

SVG 儲存後,用與匯入任何其他圖片相同的方式將其帶入 Google Docs。SVG 的清晰度意味著表格在讀者使用的任何顯示尺寸下都會保持銳利,而且因為該檔案是純文字,日後可以在沒有點陣化失真的情況下重新匯出。

  1. 開啟你的 Google 文件,並將游標放在表格圖表應該出現的位置。
  2. 選擇「插入 > 圖片 > 從電腦上傳」,並挑選你剛剛下載的 SVG。
  3. 按住 Shift 的同時拖曳角落控點來調整圖片大小,以保持長寬比,並使用圖片對齊選單依需要環繞文字。

圖片一旦放入文件中,就會被視為一個靜態圖形。若要編輯某個值、變更標題或新增一列,請回到原始 CSV,更新檔案,重新產生圖表,並取代圖片。這就是為什麼將 CSV 保留為權威的可編輯紀錄如此重要:SVG 是發佈後的產物,而非真理來源。

適合在 Docs 中使用表格圖表的場景

當每個儲存格中的精確措辭比繪製出的趨勢更重要時,表格圖表就是正確的選擇。當你正在決定要在文件的某個特定段落中放入哪種圖表類型時,同樣的比較也是一個有用的指引。

使用場景最佳圖表類型原因
跨產品的功能比較表格圖表讀者需要每個儲存格中的精確標籤、數量或價格。
會議議程或時程快照表格圖表時段與主題是以文字閱讀,而非繪製成圖。
小型通訊錄或聯絡人列表表格圖表姓名、職稱與電話號碼必須逐字呈現。
跨類別比較量級大小長條圖或圓餅圖圖形比閱讀數字更能快速傳達大小。
顯示隨時間變化折線圖趨勢比一欄日期與數值更容易理解。
附有開始與結束日期的專案階段甘特圖在時間軸中,重疊與持續時間較容易看出來。

這裡的粗略原則很簡單:當儲存格文字本身就是訊息時,使用表格;當資料的形狀才是訊息時,使用圖形。

破壞解析器的常見 CSV 錯誤

大多數產生失敗都來自微小的格式疏失。在貼上之前做一份快速檢查清單,幾乎可以捕捉到所有這些問題。

  • 某列的儲存格數與標頭列不同。每列主體資料列必須與標頭數量完全一致。
  • 標頭儲存格是空白的。每個標題都必須包含文字,因為解析器會將其用作欄名。
  • 包含逗號的儲存格未加引號。解析器會將未加引號的逗號視為格式錯誤的輸入並拒絕該檔案。
  • 含有雙引號的儲存格使用了單引號跳脫。在引號欄位內請使用兩個雙引號,而非反斜線。
  • 檔案來自試算表匯出,且使用分號或定位字元。請先將其轉換為以逗號分隔的純 UTF-8 文字。
  • 輸入超過 20,000 個字元,或某個儲存格超過 120 個 Unicode 字元。解析器會拒絕輸入,而非悄悄截斷。

對於非常寬的表格,SVG 在以較小尺寸嵌入時可能會強制水平捲動,且壓縮後的文字可能難以閱讀。請在文件中的最終實際尺寸下檢查圖表,確認相對於頁面背景的顏色對比,並將來源 CSV 保留在手邊,以備發佈前不可避免的編輯循環。

延伸閱讀:大量長條圖製作工具:一張圖最多 30 列

延伸閱讀:如何在 Google Sheets 中製作折線圖