更新data导致tooltip显示有误 #4650

问题

1.先用初始化数据初始化图表 2.调用changeData或者data->render都会导致下面tooltip出现两个

期望结果

更新后，原来的数据要清除tooltip上的显示（意思是只显示最新的那个数据即可）

<img width="613" alt="image" src="https://user-images.githubusercontent.com/8544620/218707184-ad27980f-1f55-4eaa-9121-5f7cd0c16115.png">

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  autoFit: true,
});

const line = chart
  .line()
  .data([
    { letter: 'test1', frequency: 10 },
    { letter: 'test2', frequency: 11 },
    { letter: 'test3', frequency: 12 },
    { letter: 'test4', frequency: 13 },
    { letter: 'test5', frequency: 14 },
    { letter: 'test6', frequency: 16 },
  ])
  .encode('x', 'letter')
  .encode('y', 'frequency')
  .axis('y', { labelFormatter: '.0%' });

chart.interaction({ type: 'tooltip' });
chart.render();

setTimeout(() => {
  line.changeData([
    { letter: 'test1', frequency: 20 },
    { letter: 'test2', frequency: 11 },
    { letter: 'test3', frequency: 12 },
    { letter: 'test4', frequency: 13 },
    { letter: 'test5', frequency: 14 },
    { letter: 'test6', frequency: 16 },
  ]);
}, 4000)