G2Plot 折线图切换数据时出现严重拖影

项目场景：

通过点击不同区块切换不同的数据折线图

问题描述：

问题：切换数据图表时出现严重拖影 ，鼠标滚动会越来越多
BUG显示如下：

解决方案：

查看了G2 Plot 关于折线图的API，发现更新图表不能继续用render()方法需要使用update()方法，问题解决。

let LineOptions: any = {data,xField: 'time',yField: 'value',seriesField: 'category',legend: {layout: 'horizontal',position: 'bottom'},yAxis: {label: {// 数值格式化为千分位formatter: (v: any) => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, s => `${s},`)}},color: ['#1979C9', '#D62A0D', '#FAA219']};
line.update(LineOptions);

图表方法

官方API https://g2plot.antv.vision/zh/docs/api/plots/line#update

render()
渲染图表。
update()
更新图表配置项，配置覆盖，不会做差异比对。

使用示例：

plot.update({...currentConfig,legend: false,
});