Line Chart Types/Area & Stacked/Stacked Line

堆叠折线图

将系列纵向累加，在不填充面积的情况下对比累积总量。适合需要展示聚合趋势同时保持各系列可辨识的场景。支持交互提示和自定义样式。

Intermediate堆叠折线组成多序列累计

Example

Guide

概述

堆叠折线通过将每个序列叠加在前一个序列之上来展示累计值。与堆叠面积图不同，它更强调折线轨迹本身，而不是填充区域。

何时使用

  • 展示跨类别的累计总量
  • 同时对比单个序列趋势与整体趋势
  • 当面积填充会显得过于厚重时
  • 展示可加性的组成部分

不适用

  • 单个序列的绝对数值比总量更重要时
  • 需要精确对比上层序列的具体值时（阅读更困难）
  • 存在负值但未谨慎处理时

关键变体

  • 是否显示点标记
  • 平滑过渡 vs 折角过渡
  • 百分比堆叠（归一化为 100%）
  • 搭配轻微的面积填充

数据（CSV）

x,y,series
2025-01-01,20,Region A
2025-01-02,25,Region A
2025-01-03,28,Region A
2025-01-04,32,Region A
2025-01-05,35,Region A
2025-01-06,38,Region A
2025-01-07,42,Region A
2025-01-01,15,Region B
2025-01-02,18,Region B
2025-01-03,22,Region B
2025-01-04,25,Region B
2025-01-05,28,Region B
2025-01-06,32,Region B
2025-01-07,35,Region B
2025-01-01,10,Region C
2025-01-02,12,Region C
2025-01-03,15,Region C
2025-01-04,18,Region C
2025-01-05,20,Region C
2025-01-06,23,Region C
2025-01-07,26,Region C

图表配置（JSON）

性能提示

  • 为清晰起见，将序列数量控制在 5–7 条以内
  • 使用交互式 tooltip 展示单个序列的具体值
  • 选择与业务语义一致的配色方案

常见问题

堆叠折线 vs 堆叠面积？ 堆叠折线强调折线路径与总量；堆叠面积通过填充更强调幅度与组成。

如何阅读中间序列？ 观察相邻两条线之间的垂直距离。交互式 tooltip 能帮助读取精确数值。

Open in Line Graph Maker