feat: tooltip interaction emit events when body hide

[pepper-nice]

描述

chart.on('tooltip:show', () => {}) 依赖 tooltip 显示才能调用。
业务层期望使用 tooltip:show 但不使用 G2 tooltip 组件，使用业务层的 tooltip 组件。

chart
  .interval()
  .data([
    { genre: 'Sports', sold: 275 },
    { genre: 'Strategy', sold: 115 },
    { genre: 'Action', sold: 120 },
    { genre: 'Shooter', sold: 350 },
    { genre: 'Other', sold: 150 },
  ])
  .encode('x', 'genre')
  .encode('y', 'sold')
  .encode('color', 'genre')
  .interaction('tooltip', {
    showContent: false,
  });

  chart.on('tooltip:show', ({ data }) => {
    p.innerText = JSON.stringify(data);
  });

  chart.on('tooltip:hide', () => {
    console.log('hide');
  };);

chart.render();

[pearmini]

我比较好奇，为啥需要这个能力，render 函数不行吗？还是希望 render 能返回当前的数据？

[pepper-nice]

我比较好奇，为啥需要这个能力，render 函数不行吗？还是希望 render 能返回当前的数据？

渲染没有走 render 函数，用了 plot.on('tooltip:show', render) 的方式。
因为 render 不够灵活，无法控制锁定/解锁状态，无法在其他交互时渲染调用该 render 函数传入特殊参数。

[pearmini]

无法控制锁定/解锁状态

这个是 G2 的 tooltip 应该是需要提供相应的 API 的。

无法在其他交互时渲染调用该 render 函数传入特殊参数。

只要 render 函数的参数提供了对应的数据点，就可以获得特殊的参数？