Excel 的「線條加資料標記」圖表,從「插入」索引標籤插入,使用於每個數列各佔一欄、並與一個共用標籤欄相鄰的表格,是在同一座標軸上繪製兩個或多個數列的內建方式,也是「如何在 Excel 中繪製多條折線的折線圖」的標準答案。當交付物是乾淨的個別數列向量影像,而非工作表的螢幕擷取時,折線圖產生器會將一欄的標籤、值列轉換成獨立的 SVG,可嵌入簡報、文件或網頁中。整個流程在當前的瀏覽器中執行,不會上傳來源列,因此原始的 Excel 資料會保留在本機裝置上。當每個數列需要經過獨立的審查流程時(例如每月每項產品的行銷指標、各感測器的每日讀數,或每區的每週總和),這種做法就很實用。本文的其餘部分將逐步介紹真正多線重疊的 Excel 方法,接著示範當發佈需要時,折線圖產生器如何為每個數列產生乾淨的 SVG。

how to make line graph in excel with multiple lines
如何在 Excel 中繪製多條折線的折線圖

配置 Excel 資料,讓多條折線能夠清楚比較

圖表品質取決於列與欄的排列方式。Excel 會將最左側選取的欄視為 x 軸標籤,其他每個選取的欄則視為個別的數列,因此數列欄之間的任何不一致都會立即以折線中斷或截斷的方式顯示出來。每個數列中,相同的標籤必須出現在相同的列索引上,每個數列的列數必須相符,標題應置於第 1 列,且不得有合併儲存格。當某個數列在某個期間缺少值時,該儲存格應保持真正的空白,或填入文字 #N/A,讓 Excel 呈現缺口而非誤導的零。

配置標籤位置每個數列的位置Excel 中的結果
標準A 欄B、C、D 欄……每欄一條線,共用 x 軸標籤
轉置第 1 列第 2、3、4 列……僅適用於非常短的數列;較難閱讀
混合空欄A 欄B、C、E 欄(D 欄空白)空白欄會被視為數列中斷,而非遺漏資料
單欄A 欄僅 B 欄一條線;適合折線圖產生器的個別數列匯出

在大多數情況下,標準配置是正確的起點,因為它能讓 x 軸的解讀保持一致,並讓 Excel 選擇合理的座標刻度。配置正確後,下一步就是選取資料範圍並插入圖表。

在 Excel 中建立多線圖表

Excel 內建了在一張折線圖上繪製多個數列所需的一切功能,以下步驟假設採用上述的標準欄位配置。輸出會是一個普通的 Excel 圖表物件,存放在工作表內,當讀者會持續編輯數值並希望圖表能自動更新時,這是正確的選擇。在變更圖表類型之前,請先儲存工作表的複本,因為某些操作(例如在折線圖與堆疊折線圖之間切換)可能會重寫來源範圍參照。

  1. 點選資料範圍內的任何儲存格,然後按下 Ctrl+A 確認選取範圍涵蓋標籤欄與每個數列欄,且沒有多餘的列。
  2. 開啟「插入」索引標籤,在「圖表」功能區中選擇「折線圖」群組,然後挑選第一個選項「線條加資料標記」,讓每個資料點都清楚可見。
  3. 在圖表上按右鍵,選擇「選取資料」,並確認「水平 (類別) 軸標籤」欄位參照的是標籤欄,而「圖例項目」清單中每個數列各顯示一筆。
  4. 開啟垂直軸的「格式化座標軸」窗格,若預設的比例尺誇大了小幅變化,可將最小值與最大值設為固定值,並開啟主要格線以提升可讀性。
  5. 透過「圖表設計 > 新增圖表項目」功能表加入圖表標題與座標軸標題,讓圖表在分享時能自我說明。
  6. 若工作表將在較小的螢幕上檢視,請使用「圖表設計 > 移動圖表」將圖表移至專屬工作表,因為密集工作表上的內嵌圖表常會被調整大小而失去標籤。

這個 Excel 工作流程完全留在試算表內,因此數值與圖表會保持連結,而這正符合「如何在 Excel 中繪製多條折線的折線圖」這個問題通常的需求。下一節將說明另一個常見情境:將這些欄位中的某一欄轉換成獨立的向量影像。

使用折線圖產生器將每個數列匯出為乾淨的 SVG

當交付物是單一向量影像,而非即時的圖表物件時,折線圖產生器會從 Excel 中取得一欄標籤、值,並產生獨立的 SVG 檔案。整個流程在當前的瀏覽器中執行,因此來源列不會被上傳,而產生的 SVG 包含標題、座標軸、水平格線、標籤、連接線、資料點標記,以及可供輔助技術使用的資料點標題。關於同一「欄位到 SVG」工作流程的更詳細逐步說明,請參閱在瀏覽器中將 Excel 的兩欄轉換成折線圖

  1. 在頂部輸入簡短的圖表標題,例如「Q1-Q4 東區銷售」,並依「標籤,值」格式準備每張圖至少兩列,其中標籤為期間名稱,值則是從 Excel 欄位複製的數字。至少需要兩個有效點,因為單一點無法形成線段。
  2. 將這些列貼上或輸入到輸入區;請記住每個非空行最後的逗號會分隔標籤與值,因此像「New York, East」這樣的標籤會被解析為標籤「New York, East」,後面接著其數字。
  3. 點選「產生」,然後檢查顯示的座標軸範圍與列數;工具會在結果旁邊分別回報無效的列以及超出 200 列上限的列,因此任何被略過的原因都一目了然。
  4. 在依賴該圖表之前,請確認繪製順序與輸入順序一致、標題顯示於頂部,且座標軸標籤揭示了顯示的定義域。
  5. 點選「下載」以儲存獨立的 SVG,然後在瀏覽器中開啟,或匯入到文件、簡報或設計應用程式中。由於檔案為向量輸出,調整大小或列印時仍能保持清晰。

SVG 輸出採用白色背景與藍色線條,這使其能與大多數發佈流程相容。若需要特定品牌的配色或無障礙處理,請在匯出後於任何向量編輯器中編輯 SVG,而不要期待工具強制執行這些選擇。

垂直位置的計算方式

每個點的垂直座標遵循一個固定的線性公式,在閱讀或稽核產生的圖表時值得了解。給定定義域最小值 m、定義域最大值 M、輸入值 v、像素為單位的繪圖區底部 B,以及像素為單位的繪圖區高度 H,y 座標為:

y = B - ((v - m) 除以 (M - m)) 乘以 H

對於 m = 10、M = 50、v = 30、B = 400 像素、H = 400 像素的圖表,計算過程為 y = 400 - ((30 - 10) / (50 - 10)) x 400 = 400 - (20 / 40) x 400 = 400 - 0.5 x 400 = 400 - 200 = 距離繪圖區頂部 200 像素。每個點都套用相同的公式,且同一確定性的版面配置會同時用於預覽與下載的 SVG,因此儲存的檔案與螢幕上檢視的內容一致。

何時該繼續使用 Excel,何時該改用 SVG

Excel 與折線圖產生器服務於同一工作流程的不同階段。當資料仍在編輯中、當使用者希望圖例與座標軸能隨新列即時更新,或當多個數列需要共用一個圖表物件以進行比較時,Excel 是合適的工具。當目標是為簡報、列印講義、品牌控制的範本或需要清晰、不會像素化的圖形之網頁,提供個別數列的向量影像時,折線圖產生器則是合適的工具。由於獨立的 SVG 檔案可透過電子郵件與文件留言傳遞,而不會拖著整份工作表一起跑,因此在每個數列需獨立審查時也相當實用。

一個務實的分工方式是:在 Excel 中建立多線圖表進行分析,然後一次複製一個欄位到折線圖產生器,將相同的資料以每個數列一份的乾淨向量資產形式發佈。這樣可以避免將 Excel 圖表匯出為影像時的擷取畫質損失,並讓來源試算表保持不變。若需要在單一向量影像中精確疊加多個數列,完整的繪圖或設計應用程式仍是更合適的選擇,因為折線圖產生器的範圍限定為每張圖一個數列。

分享圖表前需要了解的限制

折線圖產生器的若干行為值得留意,以確保發佈的圖表與來源資料一致。工具每張圖最多處理 200 列非空行,超過上限的列會被略過,並與格式錯誤的列分開回報。完整輸入的上限為 50,000 個 UTF-16 碼位,剖析器會拒絕任何超過該大小的貼上內容。空行會被忽略,而空白的標籤、格式錯誤的數字、Infinity,以及量級超過 1e12 的數值都屬於無效;剖析器接受正數、負數、零、小數與科學記號表示法的數值,但不會增加 JavaScript 雙精度浮點算術之外的精度。第一筆有效列會置於繪圖區左緣,最後一筆有效列則置於右緣,中間的列會等距排列,因此水平位置不會被解讀為日期或量測得到的 x 距離。

垂直軸會從輸入的最小值延伸到最大值,而非從零開始,這代表變化的視覺大小取決於所顯示的定義域。當每個值都相同時,定義域會對稱地擴展,使線條保持在中央可見,而非除以零的範圍。五條等距的水平參考線與座標軸標籤會揭示顯示的定義域。點與點之間的線條僅表示順序與方向,因此並非因果關係的證據,且工具不會計算迴歸、預測、移動平均、信賴區間、統計顯著性、誤差線或遺漏值插補。較長的標籤在狹窄的螢幕上可能會擠壓水平軸,因此縮短標籤或減少點數可提升可讀性。編輯標題或資料會清除已產生的輸出,並停用下載按鈕,直到重新產生圖表為止,以確保可見的輸入與可見的圖表保持一致。

由於 SVG 使用 800 乘 480 的 viewBox,在小型裝置上預覽可能會水平捲動,而匯出的檔案則會維持穩定的長寬比。對於更進階的渲染功能(例如對數座標軸、明確的 x 座標,或類別色彩編碼),完整的繪圖或試算表應用程式是更合適的選擇;折線圖產生器的範圍限定於簡單、有序、單一數列的情境。

若您正在權衡選項,在 Excel 中不使用變動 RAND 函數產生 Yes 或 No對此有詳細說明。