堆叠面积图

概述

堆叠面积图将多个序列以“层”的形式叠加展示，同时呈现各部分贡献与总体规模。每个序列都堆叠在前一个序列之上。

何时使用

• 展示组成结构以及各部分如何构成整体
• 展示跨类别的累计总量
• 同时强调单个序列与总体趋势
• 对比随时间变化的相对占比

不适用

• 单个序列的绝对数值比组成关系更重要时
• 需要精确比较中间/上层序列的数值时（阅读更困难）
• 序列太多（>5–7）会造成视觉拥挤

关键变体

• 百分比堆叠（归一化为 100%）
• 渐变填充以增强美观
• Stream graph（中心基线）
• 是否启用平滑

数据（CSV）

x,y,series
2025-01-01,30,Product A
2025-01-02,35,Product A
2025-01-03,40,Product A
2025-01-04,38,Product A
2025-01-05,42,Product A
2025-01-06,45,Product A
2025-01-07,48,Product A
2025-01-01,25,Product B
2025-01-02,28,Product B
2025-01-03,32,Product B
2025-01-04,30,Product B
2025-01-05,35,Product B
2025-01-06,38,Product B
2025-01-07,40,Product B
2025-01-01,15,Product C
2025-01-02,18,Product C
2025-01-03,20,Product C
2025-01-04,22,Product C
2025-01-05,25,Product C
2025-01-06,28,Product C
2025-01-07,30,Product C

图表配置（JSON）

性能提示

• 为保证可读性，将序列数量控制在 5–7 条以内
• 使用一致的配色方案，强化类别识别
• 使用交互式 tooltip 读取精确数值

常见问题

如何阅读中间序列的数值？ 观察上下边界之间的垂直距离，而不是绝对高度位置。交互式 tooltip 会更直观。

堆叠 vs 分组（不堆叠）？ 堆叠展示组成与总量；分组（多条独立折线）更清晰地展示单个序列趋势。