Line Graph Maker 接受最多 200 列已標記的數值資料列,採用嚴格的「標籤,數值」格式,並將圖表匯出為獨立的 SVG 檔案,在任何縮放比例下都能保持清晰。解析器使用每一非空行的最後一個逗號作為分隔符,因此像「New York, East」這樣的標籤會保持完整,而尾端的部分則成為 y 值。數字可以是正數、負數、零、小數,或以科學記號表示;空標籤、格式錯誤的數字、Infinity,以及大於 1e12 的數值會被略過,並在結果旁邊另外計算。垂直軸採用線性刻度,範圍從最小的有效值到最大的有效值;水平軸則依資料列順序而非日期或測量距離等距排列標籤。所有作業——解析、座標計算、預覽渲染,以及 SVG 檔案建立——都在目前的瀏覽器中執行,因此原始資料列從不離開本機。這是當你需要從小型資料集產生可攜、向量品質的圖表,卻不想與 Excel 內建的圖表精靈纏鬥、安裝增益集,或只是為了讓協作者查看圖表就分享整個工作簿時,實用的替代方案。
Line Graph Maker 與 Excel 原生圖表工作流程的比較
當資料集已經存在於工作簿內、格式控制選項足夠,以及接收者會在 Excel 中開啟檔案時,Excel 的圖表精靈相當方便。Line Graph Maker 則填補了不同的空缺:需要以獨立向量影像形式離開 Excel 的小型已排序資料集,特別是當圖表必須在瀏覽器、PDF、簡報檔,或印刷輸出中呈現完全相同的外觀時。由於 SVG 是由繪製螢幕預覽的同一段程式碼產生,因此所見即所下載——編輯器與匯出檔案之間不會出現意外的格式漂移。
| 面向 | Excel 原生圖表 | Line Graph Maker |
|---|---|---|
| 處理位置 | 在使用者的機器上,於工作簿內 | 在使用者的機器上,於瀏覽器內 |
| 輸出檔案 | 嵌入工作簿內的圖表物件 | 獨立的 SVG 影像 |
| 每張圖表的最大資料列數 | 受 Excel 的資料範圍限制 | 200 列非空資料列,超過上限的數量會在結果旁邊回報 |
| 略過資料列的處理方式 | 錯誤會使圖表停止渲染 | 無效的資料列會被計數並在結果旁邊回報 |
| 用於印刷或投影的縮放 | 工作表內的像素,放大時可能會模糊 | 向量格式,在任何尺寸下都保持清晰 |
| 資料隱私 | 儲存於工作簿檔案內 | 從不離開瀏覽器 |
對於超過 200 列的資料集,或需要不等 x 間距、明確日期解析,或趨勢線的圖表,Excel 的原生圖表或專用的繪圖應用程式是更好的工具。對於較小且已排序的資料,透過瀏覽器匯出能讓工作流程保持簡單,並讓檔案保持可攜性。
將 Excel 資料列格式化為標籤、數值配對
解析器只有一條規則:在每一非空行上,最後一個逗號用於分隔標籤與數值。這條唯一的規則代表你不需要清理已包含逗號的標籤,例如「城市-區域」這類配對。若要準備工作表以便貼上,請安排資料使每一列包含一個標籤和一個數字,然後只匯出這兩欄。如果工作表目前在 A 欄顯示標籤、B 欄顯示數值,請複製該範圍,將其貼到純文字編輯器中,讓工具以逗號重新連接兩欄——Excel 會自行將包含逗號的欄位加上引號,這可能會破壞解析器。
| 輸入範例 | 狀態 | 原因 |
|---|---|---|
| Jan, 142 | 接受 | 最後一個逗號清楚地分隔標籤與正整數 |
| New York, East, 87 | 接受 | 最後一個逗號分隔「New York, East」與 87;較前面的逗號屬於標籤的一部分 |
| -3.4e2, -340 | 接受 | 科學記號與負值皆為有效 |
| Q4, | 略過 | 空值,格式錯誤的數字 |
| Peak, Infinity | 略過 | 解析器明確拒絕 Infinity |
| Reading, 5e15 | 略過 | 解析器拒絕大於 1e12 的數值 |
資料列格式化完成後,圖表標題會置於資料集上方,說明繪製的內容——每月總計、每日訪客數、每週氣溫、實驗讀數。簡潔的標題能幫助檢視者一眼解讀垂直刻度,而且由於標題欄位會在每次建立圖表時重新產生,因此可以在不更動資料的情況下修改標題。
三個步驟建立折線圖
從已填入的 Excel 範圍到下載 SVG 的工作流程包含三個明確的步驟,而每個步驟都有內建的安全機制以防止靜默的錯誤。
- 在標題欄位中輸入簡潔的圖表標題,然後以「標籤,數值」格式新增至少兩列。每一列貢獻線上的一個點,而單一點無法形成線段,因此最少需要兩列有效資料。
- 產生圖表並讀取座標軸範圍以及明確的略過資料列和超過上限通知。如果通知顯示非零的數量,請在繼續之前修正那些資料列——你所看見的圖表就是將被匯出的圖表。
- 依據原始資料核對繪製順序、座標軸標籤,以及每個可見的點,然後下載獨立的 SVG。
此流程中有幾個值得了解的細節。下載按鈕會在圖表產生之前保持停用,而編輯標題或資料會清除先前的輸出——如此可見的圖表永遠與可見的輸入一致。如果在前一張圖表已渲染後,產生作業因任何原因失敗,舊的輸出會被清除,而不是停留在畫面上錯誤地呈現新的輸入。螢幕預覽與下載檔案使用相同的確定性版面配置,這代表匯出的 SVG 會與 800 乘 480 viewBox 內的預覽一致。由於檔案為純 XML,因此之後可在向量編輯器中輕鬆編輯 SVG。
讀取座標軸、略過的資料列,以及 200 列上限
垂直軸採用線性刻度,從輸入的最小值到最大值,並提供五條等距的參考線與外露的座標軸標籤,使顯示的範圍永遠不會被隱藏。當每個數值都相同時,範圍會圍繞該常數展開,使線段停留在圖表中央,而不是塌縮到單一邊緣。座標軸並不一定從零開始,因此變化的視覺大小取決於你從 y 軸讀取的數字——請在判斷幅度之前先檢查標籤。
此工具在單一圖表中最多處理 200 列非空資料,以維持瀏覽器互動的流暢度。超過該上限的項目會與格式錯誤的資料列分開計數並回報,因此能輕易看出差距是格式問題還是規模問題。空行會被靜默忽略,而輸入本身上限為 50,000 個 UTF-16 字碼單位——對圖表而言綽綽有餘,但這是解析器啟動前的硬性上限。數字以標準的 JavaScript 雙精度浮點運算處理,座標軸標籤對極小或極大的值會使用科學記號,這可能會使顯示文字相較於內部數值縮短。
將匯出的 SVG 帶回 Excel 或 Office 文件
下載的 SVG 可以在任何現代瀏覽器中直接開啟,這是確認它符合預期最快的做法。若要將其插入 Excel、Word 或 PowerPoint,請使用「插入 > 圖片 > 這台裝置」選單,然後選擇 SVG 檔案;Office 會將其視為向量影像渲染,避免貼上螢幕擷圖所產生的模糊。由於檔案是獨立的,它自帶白色背景、藍色線條、座標軸標籤、格線和點標記,且不參考任何外部字型或樣式表。
如果出版物需要特定的品牌配色、自訂字型,或印刷標準,請在匯出後於向量工具(例如 Inkscape 或 Illustrator)中編輯 SVG。其結構為純 XML,而MDN SVG 教學會逐步說明驅動可見輸出的元素。如需更深入的參考,W3C SVG 2 規格以規範性的方式涵蓋了相同的元素。
折線圖是錯誤選擇的情況
兩點之間的線顯示的是順序與方向,而非因果關係的證明或觀測之間的數值,因此連接不應連接的測量可能會誤導讀者。如果 x 軸代表不等的時間間隔——例如僅在工作日的每日讀數,或在不定期日期進行的測量——等距會扭曲視覺上的斜率。在這種情況下,使用具有明確 x 和 y 欄位的散佈圖,或是能解讀日期的專用繪圖應用程式會是更好的選擇,而相關的XY Scatter Plot Maker正好能以 x,y 資料列處理該種圖形。
Line Graph Maker 不會計算迴歸、預測、移動平均、信賴區間、統計顯著性、誤差線,或缺失值的插補,也不會自動排序資料列。請依預期順序安排輸入,並避免將該線呈現為超出所提供觀測值的證據。透過支援 SVG 的檢視器進行懸停或聚焦,會顯示每個點的 title 及其標籤與格式化的數值,這有助於螢幕閱讀器和檢視者在不匯出資料集的情況下確認數值。如果精確的來源精度、不確定性或可稽核性很重要,請將原始資料集與匯出的圖表一併保存。
將此工具加入書籤,以便下次的小型資料集使用
Line Graph Maker 位於 /generators/line-graph-maker/——值得加入書籤,以便下次同事要求從小型試算表快速產生圖表時使用。由於所有作業都在瀏覽器中執行,因此它可在鎖定的工作用筆電(無需安裝)、Chromebook(無 Office),以及共用資訊站(不將資料集暴露給第三方伺服器)上運作。相同的輸入規則——最後一個逗號分隔標籤與數值——讓跨資料集的工作流程保持可預測性,而明確的略過資料列與超過上限通知代表可見的圖表永遠反映解析器實際接受的內容。
若你在權衡選項,How to Generate Random Letters in Excel Without a Formula 有詳細說明。
若你在權衡選項,How to Generate Random Numbers in Excel: 3 Methods 有詳細說明。