在 Line Graph Maker 中製作折線圖後要檢查結果,請先產生圖表,接著閱讀螢幕上略過列的通知、掃描垂直軸範圍以確認實際的最小至最大資料域、驗證繪製順序是否符合您預期的序列,然後再下載獨立的 SVG。驗證階段已內建在產生圖表的同一個瀏覽器頁面中:沒有任何資料會被上傳,預覽與匯出共用同一套確定性的版面配置,且一個明確標示的計數會精確告訴您有多少列因為格式錯誤或超過 200 列上限而被捨棄。這個工具刻意不會自動排序、不會捏造數值、不會將軸從零開始,也會在您變更輸入並重新產生時保留前一張圖表——因此,仔細的檢查步驟是確認您儲存的檔案能忠實呈現您真正想繪製的資料集的唯一可靠方式。

「檢查結果」實際涵蓋哪些範圍
在深入探討步驟之前,值得先明確說明這個工具中完整的檢查包含哪些項目。Line Graph Maker 接收使用者輸入的 Label、Value 列,依照您提供的順序繪製,水平間距相等,以直線段連接相鄰的點,並在垂直資料域上顯示五條等距的格線。因此,一次完整的檢查包含五個部分:
- 標題正確性——確認圖表上方的標題是您預期的措辭。
- 軸範圍——讀取垂直軸上最小與最大的刻度標籤,而非僅看線條的視覺高度,因為資料域是「最小值到最大值」,而非「零到最大值」。
- 繪製順序——從水平軸上由左至右讀取標籤,確認它們依照您輸入的順序顯示。
- 點的數值——在支援 SVG 的檢視器中聚焦或懸停於每個標記,以顯示可存取的點標題,該標題會同時顯示標籤與圖表使用的格式化數值。
- 略過的輸入——讀取結果旁的通知計數,查看是否有任何列因為格式錯誤或超過 200 列上限而被忽略。
如果您能夠在螢幕上的圖表和通知區塊中回答這五個問題,那麼下載的 SVG 將忠實重現您在螢幕上看到的內容——預覽和匯出共用同一套確定性的版面配置。
在 Line Graph Maker 中執行驗證
Line Graph Maker 在單一頁面中提供您檢查所需的一切,而依序執行的正確順序如下:
- 輸入一個簡潔的圖表標題,並至少提供兩列 Label, Value 格式的資料——每列一筆,最後一個逗號用於分隔標籤與數值,因此像 New York, East 這類標籤是有效的,因為較早出現的逗號屬於標籤本身。
- 點擊 Generate。圖表會以相等的水平間距顯示,垂直刻度從最小有效值到最大有效值呈線性比例,並有五條水平參考格線。
- 閱讀結果旁的通知。系統會分別顯示無效列的數量與超過 200 列處理上限的列數——兩者都會被計算並顯示,而非隱藏。
- 掃描垂直軸的刻度標籤。它們會顯示圖表實際使用的最小值與最大值,讓您能依據真實數字而非假設的零基線來判斷變化的幅度。
- 沿著圖表底部從左到右讀取標籤,確認它們符合您輸入的順序。水平位置嚴格由列索引決定——工具不會將標籤視為日期、時間間隔或量測的 x 距離。
- 在支援 SVG 的預覽中聚焦或懸停於每個標記,以顯示其點標題,該標題會回應標籤與用於放置該點的格式化數值。
- 只有在這些檢查通過後,才點擊 Download 以儲存獨立的 SVG。如果您跳過了步驟 4,且軸範圍看起來不尋常,請修正輸入後重新產生——前一張圖表會在標題或資料變更時立即清除,因此可見的圖表永遠符合目前的輸入。
閱讀螢幕上略過列的通知
圖表旁的通知區塊雖小,卻是這個工具唯一會告訴您某個輸入列未成為繪製點的地方。系統會獨立回報兩個計數,因為兩者的修正方式不同。
| 通知計數 | 實際意義 | 如何處理 |
|---|---|---|
| 略過的無效列 | 因為數值非數字、為空、為 Infinity,或量級超過 1e12 而被忽略的列。 | 編輯受影響的列,使每列都以有限的數字結尾——空白的標籤與格式錯誤的數值都會計入此處。 |
| 超過 200 列上限而略過的列 | 提供了超過 200 個非空白的列,僅處理前 200 列。 | 將資料集縮減至 ≤ 200 個點、分割成多張圖表,或改用支援明確 x 與 y 欄位的應用程式。 |
如果兩欄的讀數皆為零,代表您輸入中每個非空白的列都已依照您提供的順序繪製於圖表上。任何非零的計數都代表視覺上缺少某些列,需要在檔案分享前進行處理。
為什麼垂直軸值得仔細檢視
垂直軸是最常出現「輸入完全有效卻產生誤導性圖像」的位置。這個工具會從最小有效值到最大有效值建立線性的資料域——最小值對應繪圖區底部,最大值對應頂部——並顯示五條等距的格線和揭露顯示範圍的軸標籤。這意味著,即使底層資料完全相同,從 480 到 520 的軸範圍會比從 0 到 520 看起來波動劇烈得多。
當您輸入中的所有數值都相同時,圖表會以該常數為中心擴展一個對稱的非零資料域,使線條保持在繪圖區中央而不會塌縮到同一個刻度上。這種擴展本身在檢查時也值得注意,因為平坦線序列中任何可見的「波動」反映的是擴展後的資料域,而非資料中的新數值。
如果在驗證期間軸範圍讓您感到意外,修正方法就是編輯輸入——新增一個範圍更廣的點,或在周圍文字中註明 y 軸並非從零開始。圖表在檢查階段絕不會自動重新縮放,因此您在通知旁看到的內容,就是下載的 SVG 中會包含的內容。
數字使用 JavaScript 倍精確度浮點數格式化,這對一般視覺化而言沒問題,但這代表非常小或非常大的數值會以科學記號顯示,且顯示的標籤長度可能不等於完整的內部精度。請將軸視為視覺輔助,而非量測憑證。
確認繪製順序符合您的預期
由於圖表嚴格依照列索引指派相等的水平間距——第一個有效列位於左側邊緣,最終有效列位於右側邊緣,中間列則平均分配該距離——驗證序列的唯一方法就是比較繪圖區底部標籤的順序與輸入中列的順序。這個工具不會將標籤解讀為日期、不會偵測時間間隔,也不會自動重新排序。
這種做法適用於像 January 到 May 這種有序的類別序列,但並不適用於觀察間隔不均勻的情況——例如,在第 1 天、第 7 天和第 30 天取得的每日讀數會以相等的三分之一間隔繪製於軸上。如果您需要 x 位置反映量測的時間或距離,您的檢查也應包含切換到支援明確 x 與 y 欄位的工具。
因此,一個快速的視覺檢查方式就是從左到右讀出標籤,確認序列符合您輸入的順序。如果某個標籤位置錯誤,代表該列在輸入中的位置就錯了——請編輯輸入並重新產生,因為前一張圖表會在資料變更的瞬間被清除。較長的標籤在窄螢幕上可能會擠壓到軸,特別是與許多點結合時,因此重疊的標籤本身也是一個訊號:請縮短標籤或減少點數,然後重新產生。
驗證可存取的點標題
每個繪製的標記都帶有一個可存取的點標題,會顯示圖表使用的標籤與格式化數值。在支援 SVG 的檢視器中——大多數現代瀏覽器、許多向量編輯器,以及大多數 PDF 匯出路徑——聚焦於圖表或懸停於標記上都會顯示該標題,螢幕閱讀器在切換瀏覽 SVG 時也會朗讀它。
請將此標題視為軸標籤和列順序之後的第三個驗證步驟。如果某個點標題顯示 March, 482,而您的原始列為 March, 482,代表圖表使用了您的數值。如果點標題顯示 March, 4.82e2,代表底層數值已保留,但用於極大或極小量級的軸格式化壓縮了標籤的顯示——這種壓縮僅影響顯示,不影響繪製點的幾何位置。
懸停標題也能抓到隱藏的打字錯誤:拼成 Apirl, 410 的列只要數值格式正確就能通過解析,但標籤會原樣出現在螢幕上、圖表中以及下載的檔案內。在匯出前對所有標記進行快速的懸停巡覽,是最可靠的最終步驟。
當圖表看起來錯誤時進行疑難排解
如果驗證的任何部分不符合您的預期,請編輯輸入並重新產生。這個工具會刻意清除先前的輸出,並在新的圖表產生前停用下載按鈕,因此可見的圖表不會落後於可見的輸入。如果在某次先前的成功圖表之後,產生嘗試失敗,螢幕不會保留舊圖表使其看起來代表新輸入——而是會清除,以此表示最近的輸入並未產生圖表。
常見的產生失敗及其成因:
- 只有一個有效點——少於兩個繪製點無法構成線段,因此不會繪製圖表。
- 所有數值都相同——會以對稱的擴展資料域處理,但資料域的擴展本身也是驗證中值得檢查的部分。
- 空白的標籤——會計入無效列且不會繪製;請在重新產生前先編輯這些列。
- 量級超過 1e12 或 Infinity 值——會計入無效列且不會繪製;請將其限制為範圍內的有限數值。
對於上述每一種情況,修正方式都是編輯受影響的列、重新產生,並再次執行上述的驗證序列。當圖表旁的計數皆顯示為零、列順序正確,且軸標籤顯示您預期的資料域時,您下載的獨立 SVG 將精確重現您在螢幕上看到的內容——預覽與匯出共用同一套確定性的版面配置,因此沒有第二個真實來源可供比對。