[v5]多线条tooltip数据显示以及鼠标跟随有误 #4675

问题描述

当设置encode color值后，出现分段线条，其tooltip显示位置以及数据出错，并且tooltip时而没有跟随鼠标位置

期望结果

tooltip正确显示对应鼠标悬浮地方的点的数据

演示代码

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

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

chart
  .line()
  .data([
    { date: '2000-02-02', close: 30, symbol: 'foo1' },
    { date: '2000-02-03', close: 34, symbol: 'foo1' },
    { date: '2000-02-04', close: 31, symbol: 'foo2' },
    { date: '2000-02-05', close: 32, symbol: 'foo2' }
  ])
  .encode('x', 'date')
  .encode('y', 'close')
  .encode('color', 'symbol');

chart.interaction('tooltip', {})

chart.render();