工业时序渲染基准
百万点 · 实时流 · 四种渲染方案
检测中…
渲染后端
分层 Canvas 2D
ECharts(调优:lttb + rAF)
ECharts(朴素:全量 setOption)
WebGL 曲线(试用)
历史点数
10 万
30 万
100 万
实时速率
100 点/秒
400 点/秒
2000 点/秒
可视窗口
10 秒
60 秒
10 分钟
启动
停止
一键全基准
回看全历史
–
渲染 FPS
–
帧时 p95
–
端到端延迟 p50
–
端到端延迟 p95
–
合并/丢弃批次
–
JS 堆
–
窗口内点数
–
首帧耗时
基准结果
同一份数据、同一台机器、同一窗口;端到端延迟 = 采样产生时刻 → 上屏时刻
导出 JSON
后端
点数
首帧
FPS
帧时 p95
延迟 p50
延迟 p95
丢批
堆
结论
回看全历史
整段 3 小时历史一次性成图(对应现场“查故障瞬间”);这一组才是手里有全量历史时的真实代价
后端
点数
首帧
全览成图
列数
全览重绘
堆
结论