series: [{
  type: 'line', sampling: 'lttb', showSymbol: false,
  animation: false, large: true
}]

一周的分钟级数据画成折线共两万个点,鼠标划过提示框要等 1.8 秒,整个报表页跟着掉帧。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。

追下去是这么回事:每个点都参与绘制和命中检测,每一帧都要重算全部坐标。默认没开抽样,入场动画还在持续重绘。

围绕「ECharts 大数据量卡顿」排查时,命令行跑一遍比在面板里点十次有用,面板会替你做掉不少隐式操作。权限不要一口气开到最大,先加到够用再往上试,范围小才好收。

把复现步骤压到三条以内,交给同事也能跑出来,才算真的定位清楚。改动写完就同步给同事,下一个人踩同一个坑,成本还是你的。

验证用真实数据走一遍,测试数据太干净,边界情况根本碰不到。

处理上按这个顺序:折线开启 sampling 设为 lttb 保留趋势;关掉 animation 并把 symbol 设为 none;按容器像素宽度降采样 一个像素最多留一个点。

确认没问题再收工,同一份两万点数据划过提示框在 200ms 内响应,拖动不再掉帧。

作者 9823189