Line Chart Types/Time Series/Area with Time Axis

时间轴面积图

带缩放功能的日度面积图,内置区间选择器、快速导出工具和日期时间轴格式化。适用于时间序列仪表板和时间数据探索分析场景,免费在线创建。

Intermediate时间序列面积图缩放导航

Example

Guide

概述

大跨度面积图可视化跨越数月或数年的时间序列,快速揭示趋势与模式。连续的填充区域强调累计规模,同时展现日度变化的自然节奏,适合历史分析与大规模数据的模式发现。

何时使用

  • 跟踪数月或数年的长期表现
  • 识别季节性与周期模式
  • 对比当前与历史表现
  • 展示连续测量的总体走向
  • 需要先呈现“全景”再深入的故事

不适用

  • 多条重叠序列的比较(填充会遮挡细节)
  • 少于 30 个点的集合(过于稀疏)
  • 更看重点对点比较而非趋势的场景
  • 频繁缺失或不连续的数据

关键变体

  • 根据数据量调整时间粒度(小时、天、周、月)
  • 在线条与填充之间切换以改变视觉强调
  • 使用交互式缩放查看特定时间段
  • 添加区间选择器以快速导航
  • 引入基准线以突出重要阈值

使用场景

  • 指数表现的多年趋势
  • 展示增长轨迹的日度网站流量
  • 多季节的能源消耗模式
  • 显示季节性需求的销售历史
  • 长期系统稳定性指标

数据 (CSV)

x,y,series
1988-10-02,86,Fake Data
1988-10-03,83,Fake Data
...
1989-08-31,205,Fake Data

图表配置 (JSON)

性能提示

  • 当点数超过 1 万时,做采样或聚合
  • 仅对必要轴启用 dataZoom 以降低渲染成本
  • 预先计算最小/最大值,加快初始加载

常见问题

如何选择合适的时间粒度? 取决于数据规模和叙事:长期趋势用日度,摘要用周度,细节必需时用小时。

可以叠加多条序列吗? 可以,但要限制数量,并可改用细线且不填充,避免面积相互遮挡。

系列中有空档怎么办? 对无数据的区段留白或注明缺失;若连续性无法保证,请避免插值。

Open in Line Graph Maker