若要在 Excel 中製作表格圖表,請將您想以影像發布的資料複製下來,以逗號分隔文字的形式貼到 Table Chart Maker,產生預覽,然後下載該頁面在您的瀏覽器中所產生的獨立 SVG。 這個方法完全繞過 Excel 內建的圖表類型,所產生的是一個靜態、可分享的表格圖片,而不是一個可編輯的工作表物件。它適合想把已完成的工作表 —— 例如價目表、比較表、小型目錄、會議議程、班級名單 —— 轉成單一圖片,乾淨地放入投影片、文件、CMS 文章或設計檔案的讀者。由於這個工具會讀取嚴格的 CSV 並為預覽渲染真實的 HTML,再為下載提供一個自含的 SVG,因此您能完全掌控顯示的內容、確切看到每個儲存格落在哪裡,並避免直接把 Excel 範圍複製貼到其他應用程式時所產生的格式意外。

Excel 非常擅長保存與運算您的資料,但當您想要為外部讀者產出該資料的固定影像時,它內建的 Table 物件就是錯誤的輸出。工作表 Table 會被鎖定在 Excel 的行列行為中;它不會產生可攜帶的圖表影像。本指南說明如何透過 CSV 文字和一個在瀏覽器中本機完成渲染的工具,以三個可靠步驟跨越這個落差。

how to make table chart in excel
How to Make a Table Chart From an Excel Sheet

Why Export a Table Chart From Excel as an SVG

Excel 可以透過插入 > 表格 或 Ctrl+T 快速鍵將某個範圍格式化為 Table,但那個格式是活頁簿的一部分。它不會產生一個可交給設計師、貼到內容管理系統,或附加到 PDF 的獨立影像。大多數讀者最終會嘗試的路徑 —— 把範圍複製後以圖片形式貼到 PowerPoint 或 Word —— 會產生一個在放大時會模糊、且無法一次只編輯一個儲存格的點陣圖。

SVG 是更乾淨的輸出。向量式的表格圖表在任何尺寸下都保持銳利,能在瀏覽器及大多數簡報和設計應用程式中開啟,並在檔案內保留其結構。Table Chart Maker 會在本機產生該 SVG:解析、預覽渲染和影像生成都在瀏覽器中進行,該頁面不會上傳您的標籤、數值、姓名或生成的圖樣。當您關閉分頁時,伺服器上不會留下任何資料。

Prepare Your Excel Data as Clean CSV

在您開始操作產生器之前,請先把 Excel 資料整理成它預期的形狀。這個工具會讀取嚴格的逗號分隔文字:一列標頭,接著一到五十列資料,整體介於二到十欄。每欄在標頭中必須包含文字,而之後每一列的儲存格數量必須完全相同。最簡單的 Excel 做法是,先把您打算繪製圖表區域中所有空白或合併的儲存格移除,再把結果存檔或複製為 CSV。

在 Excel 中,最快的途徑是選取您完成的範圍,選擇檔案 > 另存新檔,將類型設為 CSV UTF-8,然後存檔。如果您的資料在某個儲存格中包含逗號、換行或引號 —— 例如 Ada, A. 或 Said "hello" —— Excel 的 CSV 匯出會自動把該儲存格用雙引號包起來,並把內部的引號加倍。這正是解析器所期待的,所以請保留引號不要動。如果您偏好手動輸入 CSV,請遵守以下三個規則:

  • 任何包含逗號、換行或引號的儲存格,請完全用雙引號包起來。
  • 在帶引號的儲存格內部,凡是想顯示一個字面引號的地方,請寫兩個雙引號 ("")。
  • 每列的寬度保持一致,標頭列在最上方,且不要有空行。

兩個實用的 Excel 注意事項。第一,解析器會忽略區域特定的分隔符(例如分號),所以如果您的活頁簿使用歐洲式的逗號對小數設定,請先匯出一次,再用設定為 UTF-8 與逗號的文字編輯器重新存檔。第二,每個儲存格的字元上限為 120 個 Unicode 字元,總輸入上限為 20,000 字元,所以在貼上之前請修剪過長的描述性欄位。如果某個標頭或數值超過上限,請先在試算表中縮短它;解析器會拒絕過大的輸入,而不是靜默地截斷。

Generate the Table Chart From CSV

  1. 把 CSV 貼到產生器的文字區域中,第一筆記錄要包含標頭列。
  2. 選擇 Generate table chart(產生表格圖表),等待頁面解析並渲染預覽。
  3. 從左到右、從上到下閱讀頁面上的 HTML 預覽,並把每個標頭和每個儲存格與來源活頁簿逐一比對。
  4. 若列數或欄數不符,請在文字區域中編輯 CSV 並重新產生;解析器會拒絕格式錯誤的輸入,而不是自行猜測結構。
  5. 選擇 Download SVG(下載 SVG),並把檔案存到您稍後找得到的位置。

預覽是由真實的 HTML 表格元素組成,這表示您可以用游標選取個別儲存格、複製它們,並檢查帶引號的欄位是否完整通過。像 Ada, A. 這樣的儲存格應該會以一個逗號保留在同一欄;像 Said "hello" 這樣的儲存格則應該以一對引號顯示,而不是兩對。如果任何一個看起來不對勁,首先檢查 CSV 中的引號處理。頁面上的預覽是解析後數值的視覺確認,不是試算表:它沒有公式、排序控制、合併儲存格、篩選、樞紐操作或推論型別,所以您看到什麼就是會匯出什麼。

Inspect, Edit, and Download the SVG Safely

下載下來的 SVG 就是您會發布的版本,所以在發布前請花一分鐘檢視它。請在瀏覽器分頁中開啟該檔案,並以您實際打算使用的尺寸檢視。欄寬是依每欄中最長顯示值來估算,並設有最小與最大範圍,以避免單一超大儲存格擠壓到相鄰的欄;列高則是固定的,因此一個非常長的字串可能會改變整張表格的視覺節奏。

兩個值得了解的行為。第一,SVG 中顯示的儲存格在超過 30 個 Unicode 字元後會被截短,以維持欄寬;而 HTML 預覽則保留完整的解析值。如果某個標籤在影像中被截斷,請判斷縮短版本對您的讀者是否可接受,或重新撰寫儲存格文字。第二,下載的檔案使用常見系統樣式的 Arial 文字與固定色彩,讓該資產能自含且在瀏覽器、簡報編輯器和設計應用程式間渲染一致 —— 但預設色彩不會符合企業主題。必要時,請在您的設計工具中安排一個快速的重新上色步驟。

所有插入到 SVG 的字串都會經過 XML 跳脫,無效的 XML 控制字元會被取代,因此看起來像標記的儲存格 —— 例如 <script>alert(1)</script> —— 會以可見文字呈現,而不是當作可執行的標記。預覽是以 React 文位元組點建構,不會把產生的 SVG 注入到文件中。下載的檔案會明確宣告 width、height、viewBox、image role 與可存取的 label,這表示螢幕閱讀器能將它辨識為帶有說明的影像,且該圖表可以安全地嵌入網頁與文件中。

Where a Table Chart Works Best (and When to Pick a Different Chart)

當精確的文字比繪製的趨勢更重要時,表格圖表就是正確的選擇。計分板、時刻表、功能比較、小型目錄、價目表、活動摘要、研究快照與社群圖片,都能受惠於一張乾淨、易讀、讀者可任意順序掃讀的表格。在重視量級的數值比較中,長條圖或圓餅圖傳達得更快;對於有開始與結束日期的任務,甘特圖是更好的表示方式;對於隨時間變化的趨勢資料,您可以改為 在瀏覽器中把 Excel 的兩個欄位變成折線圖。在讀者需要閱讀實際文字與數字的情境下,這些替代方案都無法取代表格。

以下是在最常見的小型資料視覺化之間做選擇的快速參考:

Use caseBest visualWhy
Feature comparison, roster, scheduleTable chartExact text must remain readable
Magnitude comparison across categoriesBar chartOrdering and length encode the difference
Magnitude comparison as parts of a wholePie chartProportions matter more than individual labels
Trend over timeLine graphSequence and slope are the message
Start and end dates for tasksGantt chartDuration on a timeline is the point

Common CSV Mistakes When Coming From Excel

大多數失敗的匯出來自三種 Excel 習慣。第一是合併儲存格。解析器計算的是每列的儲存格數,而不是視覺上的儲存格,因此合併範圍會讓其下每一列的計數失準。匯出前請先取消合併。第二是行尾逗號。列尾的逗號會產生一個空白的尾端儲存格,解析器會把它計算在內,這代表後續的列將無法通過等寬度檢查。請在文字編輯器中移除行尾逗號。第三是非 UTF-8 字元 —— 智慧引號、長破折號、以舊式字碼頁編碼的附加字母字元。最簡單的修正方式是使用 Excel 的 CSV UTF-8 存檔選項;如果您繼承的檔案在 Excel 中看起來正常,但解析後出現亂碼字元,請先將其透過 UTF-8 轉換程序處理一次。

另一個需要戒掉的習慣:不要直接把 Excel 中的範圍貼到產生器。剪貼簿帶有 Tab 分隔符與 Excel 特有的格式 token,解析器會拒絕。請務必透過 CSV 檔案,或只包含逗號、換行與儲存格所需引號的純文字貼上。這個工具刻意不會解譯貼上的 HTML、Markdown 表格、XLSX 活頁簿、Google 試算表連結、遠端 URL 或 Tab;請先把來源轉換成逗號分隔的 UTF-8 文字。

Verification Checklist Before Publishing

在把 SVG 視為定稿之前,請逐項檢查這份簡短的清單。確認列數與來源一致。確認欄數與來源一致。抽樣檢查三個包含逗號或引號的儲存格。在您打算使用的應用程式中開啟下載的 SVG,並檢查實際尺寸。對照您打算使用的背景驗證色彩對比,因為壓縮的文字在以小尺寸嵌入時可能難以閱讀。請把來源 CSV 保留為可編輯的權威紀錄,以便在任何內容變更後重新產生 SVG,而無需從螢幕截圖重建。

相關閱讀:How to Make a Scatter Plot With a Line in Excel。