时间序列数据补全需先确定粒度与范围，再生成连续时间轴，最后按需填充默认值；注意统一使用UTC时间戳处理，避免时区解析误差。
接口返回的时间序列数据常有缺失（比如某天没数据、某分钟为空），直接绘图会出现断点或错位。补全的核心是：先明确时间粒度，再生成完整时间轴，最后按需填充默认值（如 0、null 或前向填充）。
确定原始数据的时间粒度和范围
先检查数据里时间字段的格式（ISO 字符串、时间戳、自定义格式），再算出最小间隔（如 1 分钟、1 小时、1 天）。常用方法：
- 用 new Date() 解析所有时间，转为毫秒，计算相邻差值，取出现最多的间隔作为粒度
- 手动指定粒度更稳妥（例如后端文档说明“按小时聚合”，就直接设为 3600 * 1000 毫秒）
- 用 Math.min() / Math.max() 找出整个数据的时间起止点，用于生成完整序列
生成连续的时间轴数组
根据起止时间和粒度，构造一个完整、等间隔的时间数组。推荐用毫秒循环，避免日期对象累加导致的精度误差：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 起始时间转毫秒：start = new Date(data[0].time).getTime()
- 结束时间转毫秒：end = new Date(data[data.length - 1].time).getTime()
- 循环生成：for (let t = start; t
- 若需 ISO 字符串格式，可用 toJSON() 或 toISOString().slice(0, 19) 截取到秒
将原始数据按时间归并，再合并到完整时间轴
把原始数据转成以时间字符串为 key 的 Map，提高查找效率；再遍历完整时间轴，逐个取值或补默认值：
立即学习“Java免费学习笔记（深入）”；
- 构建映射：const map = new Map(data.map(d => [new Date(d.time).toISOString().slice(0, 19), d.value]))
- 补全逻辑示例（填 0）：const filled = times.map(t => map.get(t.toISOString().slice(0, 19)) ?? 0)
- 如需前向填充（FFill），可遍历中维护上一个有效值变量，遇到 undefined 就用它替代
- 若要保留原始字段结构（如 { time: "...", value: 123 }），补全时构造新对象，而非只补数值
注意时区与后端约定的一致性
前端 Date 默认用本地时区解析，而接口时间多为 UTC 或服务端时区。常见坑：
- 后端返回 ISO 字符串带 Z（如 "2024-05-01T08:00:00Z"），new Date() 会自动转成本地等效时间，但你生成时间轴时也得统一用 UTC 逻辑
- 稳妥做法：所有时间处理统一用 UTC 时间戳，显示时再用 toLocaleString() 格式化
- 若后端用东八区无 Z，建议协商返回带时区标识的 ISO，或明确要求返回时间戳（number），彻底规避解析歧义
