G2 图表使用心得 | 支持鼠标悬浮进入

原文连接：www.rabbitzzc.top/blog/tab-ja…

---

G2 图表使用心得 | 支持鼠标悬浮进入

最近使用G2图表比较多，发现G2的中文文档是写的......，此次要作一次从v3版本到v4的升级，光看文档彻底不知道怎么办。

特别是在文档中说是支持使用enterable: true，便可实现鼠标能够进入tooltip，可是其实是没有任何效果的（能够使用官网的例子设置）。

对G2官网文档不断的打磨之后，发现能够利用自定义交互的方法。

code

代码是从github取下来的，一直在给G2提issue，可是不多有人离我，因此没办法，只能本身去查阅源码和仔细打磨文档了，具体的issue地址在github.com/antvis/G2/i…

import { registerInteraction } from '@antv/g2'
 // 注册 tooltip 的 interaction // 点击 tooltip，能够锁定 registerInteraction('locked-tooltip', {  start: [  {  trigger: 'plot:click',  action: context => {  const locked = context.view.isTooltipLocked()  if (locked) {  context.view.unlockTooltip()  } else {  context.view.lockTooltip()  }  },  },  { trigger: 'plot:mousemove', action: 'tooltip:show' },  ],  end: [{ trigger: 'plot:mouseleave', action: 'tooltip:hide' }], })  console.log('register lock tooltip') 复制代码

本文使用 mdnice 排版