[v5] 使用render对图表定时数据更新，存在内存泄漏情况 #4896

看起来是存在大量 Animation 对象未销毁：

<img width="514" alt="截屏2023-04-19 下午3 41 47" src="https://user-images.githubusercontent.com/3608471/233004152-37126088-3cb7-4778-82a2-7e29c1807496.png">

建议每次 render 前调用 animation.cancel()，如果不想调用 displayObject.destroy() 的话（为了复用已有图形）。

// stop all active animations
displayObject.getAnimations().forEach((animation) => {
  animation.cancel();
});

嗯嗯，看来每次渲染之前应该把之前的 animation 对象都销毁。

和这个是同一问题吗？ https://github.com/antvis/G2/issues/4796 是否需要发包解决？

和这个是同一问题吗？ #4796 是否需要发包解决？

不是一个问题，#4796 已经解决了。

测试代码如下：

setInterval(() => {
  chart.render();
}, 100);

仔细排查了一下发现开启 grid 之后才会造成 OOM，而关闭就好了：

const line = chart
  .line()
  .data({
    type: 'fetch',
    value: 'data/aapl.csv',
  })
  .encode('x', 'date')
  .encode('y', 'close')
  .axis({
    x: { grid: false },
    y: { grid: false }
  });

下图为关闭 grid 后间隔 30s 的截图，定时器 100ms 重绘一次。可以看出内存占用大小稳定，没有爆炸式增长：

<img width="1211" alt="截屏2023-04-26 下午7 34 33" src="https://user-images.githubusercontent.com/3608471/234562905-638a8652-7319-430e-959b-8f668a4a318c.png">

而开启 grid 后造成大量 Animation 未被回收的原因是 G2 context.transitions 没有收集到 GUI grid 组件的 Animation 对象。