高密度实时图表在多端上应如何平衡数据精度与渲染成本

# 核心结论

高密度实时图表的优化目标不是机械地减少数据点，而是在数据真实性、视觉可辨识度、交互响应和设备资源之间建立分层预算。屏幕横向像素有限，同一像素列对应大量原始点时，全部绘制既无法提供更多可见信息，又会增加聚合、几何生成、绘制和命中测试成本。合理方案是保留完整原始数据或可追溯索引，同时根据视口、缩放级别和业务语义生成不同精度的展示数据；刷新频率也应与数据到达频率解耦，按显示节奏批量提交。

# 底层机制

持续数据流会带来对象分配、数组移动、路径重建、文本测量、布局、纹理上传和垃圾回收。网页若为每个点创建文档节点，会放大样式计算和布局成本；使用 Canvas 或 WebGL 可降低节点成本，但仍需控制顶点数