【v5】散点图开启 label，label 会遮住 point 导致 tooltip 不显示

[Deathsteps]

问题描述

无 label 设定效果

有 label 设定，tooltip 无法触发

期望结果

从体验上讲 label 应该不影响 tooltip 触发。
官方的数据点比较多，可能比较明显，真实情况可能没这么多点，但点与点距离是数据决定的。label 就算有偏移，长度也是不可控的，大概率也会有遮挡情况。

如何重现

官方代码修改

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

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

chart
  .point()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/basement_prod/6b4aa721-b039-49b9-99d8-540b3f87d339.json',
  })
  .encode('x', 'height')
  .encode('y', 'weight')
  .encode('color', 'gender')
  .label({ text: 'weight' });

chart.render();

额外信息

• G2 5.0.12 版本

[hustcc]

类似于 css 中不触发鼠标事件：

label.style.pointerEvents = 'none'

.label({ style: { pointerEvents: 'none' } })

[pearmini]

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

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

chart
  .point()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/basement_prod/6b4aa721-b039-49b9-99d8-540b3f87d339.json',
  })
  .encode('x', 'height')
  .encode('y', 'weight')
  .encode('color', 'gender')
  .label({ text: 'weight', style: { pointerEvents: 'none' } }); // 完整看这里

chart.render();