若要將任何工作表中已加上標籤的數值列轉成可下載的折線圖,請將它們貼到一款瀏覽器型圖表工具中,該工具會以每一行最後一個逗號作為「標籤、值」分隔符,產生 SVG 預覽,並讓你把檔案下載到本機——無須使用試算表軟體,資料也不會離開你的電腦。這套工作流程相當直覺,任何使用 Excel、Google Sheets、Numbers 或 LibreOffice Calc 的人都能從工作表複製兩欄資料,貼進折線圖製作工具,然後帶走一個在任何尺寸下都保持銳利的向量檔。由於圖表是在本機算繪,標籤與數值永遠不會送到伺服器;當原始數字屬於敏感資料時——例如內部 KPI、含分數的班級名冊、尚未發表的實驗讀數,或薪資樣本——這點尤其重要。輸出是獨立的 SVG,這是一種由 W3C SVG 2 規範定義的開放向量格式,因此產生的圖表可以在瀏覽器分頁中開啟、拖進簡報,或匯入設計工具,完全不依賴任何特定試算表的圖表引擎。

how to make line graph in sheets
How to Make a Line Graph in Sheets Using Your Browser

為什麼試算表的圖表有時反而礙事

試算表擅長儲存數字,繪圖能力卻只是差強人意;它們的圖表選單是為辦公室工作流程調整的,而非為了快速匯出。在原始工作表裡建立折線圖,通常代表要點選「插入 > 圖表」、在精靈中挑選子類型、有時還得與日期偵測纏鬥,最後處理一張在簡報投影時會失去銳利度的截圖或貼上的圖片。輸出也會綁定在試算表檔案上——移動活頁簿、重新命名分頁,或把檔案分享給使用不同平台的同事,圖表不是消失就是走樣。

瀏覽器型圖表工具能讓圖片與活頁簿脫鉤。你複製真正在意的兩欄資料,貼進一個小表單,就能收到一個 SVG 檔案;該檔案可以在任何現代瀏覽器中開啟、嵌入 Markdown 檔,或匯入 Figma、Illustrator、Inkscape、Affinity Designer 或 PowerPoint,全部無需外掛。如果你的資料今天在 Google Sheets、明天在 Excel,圖表不必重新製作,SVG 會跟著數字一起移動。

哪些工作表輸入算有效

試算表儲存格可放數字、日期、文字與公式,但其中只有一種能乾淨地對應到折線圖的一列。折線圖製作工具接受遵循單一規則的文字:在每一個非空行中,最後一個逗號分隔標籤與值。逗號之前的所有內容是標籤,逗號之後的所有內容會被解析為數字。值可以是正數、負數、零、小數,或以科學記號表示,只要數量級不超過 1e12。

下表整理出哪些輸入能通過解析、哪些會被略過。無效與超出上限的列數會顯示在圖表旁,因此即使某列從預覽中消失,仍然會出現在報告裡。

輸入形式範例是否接受?原因
標籤內含逗號New York, East, 42是最後一個逗號才是分隔符;「New York, East」會留在標籤中。
小數值Q3, 12.75是標準小數表示法會被解析。
科學記號Run 7, 1.5e3是數量級在 1e12 以內的有限科學記號會被解析。
負值Loss, -8是前置減號會被解析。
零Baseline, 0是零是有效的有限值。
空標籤,50否空標籤會被拒絕。
格式錯誤的數字March, twelve否非數值文字會被拒絕。
數量級過大Star, 5e15否超過 1e12 的數量級會被拒絕。
無窮大Peak, Infinity否無窮大不是有限值,會被拒絕。
空行(empty)略過空行會被跳過,不會計入。

輸入框本身上限為 50,000 個 UTF-16 碼位,大約是一份很長的 CSV 的大小;若你的工作表更大,請只貼相關的切片而非整份活頁簿。為保持瀏覽器反應速度,工具一次最多處理 200 列非空行,超過上限的列會與格式錯誤的列分開統計並回報。至少需要兩個有效點才能繪製線段,單一點無法構成線段。

如何用瀏覽器工具在 Sheets 中製作折線圖

以下步驟涵蓋從已填資料的工作表到下載 SVG 的完整流程。每一步都會說明你應該在畫面上看到的內容,以便在檔案分享前及早發現問題。

  1. 開啟你的工作表,找出想要繪製的兩欄——通常是左側的標籤欄與右側的數值欄。如果資料含有標題列,複製時請略過;圖表的標題欄位會負責承載說明文字。
  2. 在同一個瀏覽器中開啟 折線圖製作工具。輸入一個簡潔的圖表標題,說明資料系列或時間範圍——例如「Daily signups, March 2026」——讓匯出的檔案離開你的電腦時仍能自我描述。
  3. 點進資料區,以「標籤,值」格式貼上或輸入每一列的資料點,每行一個。使用每一行最後一個逗號作為分隔符。標籤中可以包含較前面的逗號;值可以是正數、負數、零、小數,或數量級在 1e12 以內的科學記號。
  4. 點選「Generate」(產生)。圖表會算繪在輸入框下方,並顯示兩則提示:被略過的格式錯誤列數,以及超出 200 列處理上限的列數。
  5. 在判讀圖片之前先檢查座標軸標籤。垂直軸會以線性方式從最小有效值延伸到最大有效值,因此未必從零開始。如果座標軸從零以上開始,變化的視覺幅度會被放大。
  6. 確認繪製順序與每個可見的點。標籤會依輸入順序沿著水平軸排列,這代表貼上的列順序就是圖表中的順序——工具不會自動排序。
  7. 點選「Download SVG」(下載 SVG)。檔案會存成獨立的向量檔,含白色背景、藍色線條、點標記、座標軸標籤、五條等距的水平參考線、圖表標題,以及每個點的無障礙標題。

圖表實際繪製了什麼

在把 SVG 當作資料最終結論之前,有三個行為值得先了解。

水平間距依列索引而非標籤意義。第一個有效列落在圖表左緣,最後一個有效列落在右緣,中間每一列等距分布。這適用於像一月到五月、或試驗 1 到試驗 10 這類有序序列。當列與列之間的間隔本身帶有資訊時——例如週末略過的實際日期、或測量間隔不均勻——這個方式就不適用。遇到這類情況,請使用接受明確 x 與 y 欄的試算表圖表,或能保留 x 距離的繪圖工具。

垂直軸採用線性刻度。最小有效值會對應到圖表底部,最大值對應到頂部,中間值依比例放置。當所有值都相同時,工具會以該常數為中心對稱地展開定義域,讓線條維持在圖表中央可見,而非塌縮成單一像素。

算術遵循標準 JavaScript 倍精度規則。座標軸標籤保留實用的有效位數,並在數值極小或極大時切換為科學記號,但捨入只影響顯示文字;若需要完全精準,請另外保存原始數字。

舉一個實際例子:取五個值分別為 10、20、30、40、50 的點。線性定義域為最小值 = 10、最大值 = 50,因此範圍為 50 − 10 = 40。對值為 40 的點而言,從底部起算的圖表高度比例為 (40 − 10) ÷ (50 − 10) = 30 ÷ 40 = 0.75,也就是從基準線往上 75%。數字不會被預測、平均或內插——圖表只呈現你輸入的數值,依你輸入的順序連接。

工作表轉圖表的常見陷阱與修正

大多數失敗的執行,問題出在工作表儲存數字的方式,而非圖表工具。修正方式通常只需在複製前於來源工作表中點個一兩下。

  • 小數以逗號書寫。歐式工作表可能顯示 12,75 而非 12.75。折線圖製作工具預期以句點作為小數點,因此該列會被解析為標籤「12」、值「75」,或依逗號情況完全解析失敗。請將儲存格格式改為以句點表示的小數,或在貼上前使用尋找與取代。
  • 貨幣符號與單位後綴。格式化為「$1,200」或「42 kg」的儲存格,在符號之後的部分會變成文字,而值解析器會拒絕它們。請在工作表中移除貨幣、百分比符號與單位,或透過「選擇性貼上 > 值」只貼上數值。
  • 合併儲存格或小計列。工具會計算每一個非空列,因此看似空白、但其實含有公式回傳「」的列,可能會悄悄佔用 200 個名額之一。複製前請篩選為可見的數值儲存格。
  • 標題與頁尾混入。像「Week, Sales」這類標題列會被解析器嘗試當作數字解讀,因而被判定為無效。複製時請跳過標題列。
  • 列順序與圖表順序。圖表採用貼上的順序,而非原工作表的排序。如果你的工作表是降冪排序,而你想要的是時間序列,請先在工作表中將它升冪排序,再進行複製。

處理下載下來的 SVG

你下載的 SVG 是一個自給自足的檔案,沒有外部參考、字型或腳本,這就是它在 Chrome、Firefox、Safari 與 Edge 中開啟起來都一樣的原因。圖表標題、座標軸、格線、標籤、點標記與連接線,全都在同一個檔案中,具備 SVG 支援的檢視器不必依賴其他網頁內容就能算繪。若你想手動做小幅修改,MDN 的 SVG 教學有更詳細的元素模型說明。

若需要重新上色、調整字型,或加入品牌色票,請用 Inkscape、Affinity Designer 或 Adobe Illustrator 等向量編輯器開啟檔案,直接編輯描邊與文字。viewBox 固定為 800 乘 480,因此在較小的裝置上預覽可能會水平捲動——匯出的圖表會維持穩定的長寬比,而不是重新排版。

在具備 SVG 支援的檢視器中,將滑鼠移過或聚焦到某個點上,會顯示該點的 title,內含其標籤與格式化後的值。這項無障礙細節會隨檔案一起帶著走,因此螢幕閱讀器與檢查工具不必解析線段幾何,就能播報個別資料點。

When a Browser Tool Is Not the Right Fit

The Line Graph Maker is built for one thing: turning a short, ordered sequence of labeled numbers into a clean line chart you can drop into a document. It is not a replacement for a full spreadsheet's chart engine.

  • If your sheet has multiple series — for example, three product lines measured each month — the tool draws one line at a time, so you would need three separate charts or a chart type that supports multi-series legends. A spreadsheet chart with multiple data ranges is faster for that case.
  • If your x-axis is a real date or a measured distance, the equal-spacing rule will lie about the timing. A spreadsheet chart that interprets the first column as a date axis, or a plotting application that takes explicit x and y columns, will represent the gaps correctly.
  • If you need a regression line, a moving average, a confidence band, or any statistical annotation, the Line Graph Maker does not calculate those — the line connects the points you supplied and nothing more. Spreadsheet charts with trendlines, or a dedicated statistics package, are the right tool.

For readers who prefer to stay inside Google Sheets for chart creation rather than paste rows into a browser tool, the Google Sheets line graph guide walks through the spreadsheet-native workflow.

Related reading: Number Picker Cheat Sheet: Inputs, Limits, and Settings.