AntV G6中动态数据提示框的实现

背景

最近在做一个大屏项目，由于项目需求，需要在AntV G6生成的拓扑图中，展示每个节点的相关数据，但是官方对于这种功能的实现，目前只提供了一个tooltip插件方案。效果如下

问题

但是此插件只能通过鼠标点击和鼠标移入事件触发，并且同一时间只能展示一个节点的提示框，最重要的是，该提示框的数据是在绘制前就定义好的，不能像vue中的dom节点一样根据数据变动自动刷新。

解决方案

考虑到需要动态刷新数据节点、要同时存在多个提示框并且方便灵活配置，我最后想到的解决方案如下：找到每个节点的坐标->然后使用v-for循环生成提示框->使用css定位提示框

在此之前可先了解一下