基礎折線圖
製作清晰的單序列或多序列折線圖,呈現隨時間變化的趨勢。此範本包含互動範例資料、CSV 匯入,以及免費 PNG/SVG 匯出 — 我們折線圖產生器中最簡單的起點。
Line Chart Types/Fundamentals/Basic Line
製作清晰的單序列或多序列折線圖,呈現隨時間變化的趨勢。此範本包含互動範例資料、CSV 匯入,以及免費 PNG/SVG 匯出 — 我們折線圖產生器中最簡單的起點。
基礎折線圖是最廣泛使用的趨勢視覺化圖表類型。它用直線段連接有序的資料點,使變化方向與變化速率一目了然。當你需要直接回答「隨時間發生了什麼?」時,從這裡開始。
x(時間或類別)、y(數值)、series(選填,用於多條折線)。showPoints 以新增或隱藏資料標記。x,y,series
2025-01-01,30,Revenue
2025-01-02,45,Revenue
2025-01-03,40,Revenue
2025-01-04,55,Revenue
2025-01-05,50,Revenue
2025-01-06,58,Revenue
2025-01-07,63,Revenue
2025-01-01,28,Profit
2025-01-02,33,Profit
2025-01-03,38,Profit
2025-01-04,44,Profit
2025-01-05,47,Profit
2025-01-06,49,Profit
2025-01-07,53,Profit
showPoints: false)以減少雜訊什麼時候需要顯示資料點標記? 當個別資料點具有意義時 — 通常每條序列少於 20 個點。對於密集的每日資料(數百個點),隱藏標記並依賴折線形狀即可。你可以啟用工具提示,讓使用者懸停查看精確數值。
如何處理折線圖中的缺失資料? 三種常見策略:
折線圖 vs 長條圖 — 該選哪個? 當 X 軸有自然順序(時間、序列)且你關心的是趨勢方向時,使用折線圖。當比較離散類別或精確數值比較更重要時,使用長條圖。
一張折線圖能放多少條序列? 實際上限大約 5–7 條。超過後折線會重疊,顏色也難以區分。處理更多序列的策略:
Y 軸是否應該從零開始? 取決於情境。從零開始能保持比例的誠實性,但可能壓平微小的變化。截斷軸則放大差異,但可能產生誤導。良好的折衷方案:預設從零開始,若截斷則清楚標註。
如何比較量級差異很大的序列? 使用雙 Y 軸(左 + 右)或將資料正規化為從共同基線的百分比變化。雙軸適合兩條序列;更多序列時,正規化更為清晰。
X 軸使用什麼日期格式最好?
ISO 格式(YYYY-MM-DD)是最可靠的解析格式。工具會根據資料密度自動格式化顯示 — 年度資料顯示月份、週度資料顯示日期等。你可以在圖表設定中覆寫標籤格式。
可以加入標註或事件標記嗎?
可以。使用圖表設定中的 markLine 或 markPoint 選項來標記特定日期或數值 — 例如產品發布、政策變更,或峰值/谷值。