Javascript Highcharts气泡图鼠标悬停动画

大家好，我们正在努力通过代码重写来找出最后一块。我们有一个气泡图，它可以制作动画，基本上可以模拟运动图，因为我们以前使用的大多数运动图库都包含了flash

在动画期间，原始渲染的鼠标悬停空间似乎会粘住，并导致气泡“重置”，我注意到工具提示也会粘住原始位置。有什么想法/建议吗

我在这里复制了一个基本完整的版本（没有实现加载其他变量）：

---

我也在开发一个独立的JSFIDLE，可以很快建立一个链接。

Highcharts使用

plotX

和

plotY

点的属性以默认方式定位工具提示。在您的情况下，仅更新属性：

x

、

y

、

z

和点的图形。您还需要更新

plotX

和

plotY

：

dataObject.plotX = data.x + data.z;
dataObject.plotY = data.y + data.z;

---

---

实时演示：

我可能刚想出来，工具提示似乎被设置为共享，因此画出了原始对象，这可能会扰乱定位？你好@jdower27，你能试着在jsfiddle中用最少的配置重现这个问题吗？您可以从以下内容开始：我会看一看，从这里开始是相当粗糙的，因此我将了解如何向后操作，我昨天没有让JSFIDLE正常工作。您好，我又回到了您提供的小提琴，当时我正在研究highcharts 5的一些问题，而这个问题似乎是由highcharts 6引入的。我不确定那里发生了什么变化。当然，即使是6也相对陈旧，所以我不确定我们是否能够解决这个问题。在此期间，我可能会去看其他图书馆。另一种方法是将更多的信息剥离出来，使问题更加清晰。如果按“播放”，就像原始的“显示”侦听器粘在原始位置上一样，即使圆圈本身移动。我想知道有没有什么方法可以让它们恢复活力？或者移除它们？有趣的是，另一层。但是我注意到气泡仍然会变大如果在动画过程中鼠标悬停足够多，则“卡住”。我相信有一个合乎逻辑的原因，也许有另一个我们不知道的属性，在版本6中被合并了？当我们构建这个时，我们似乎并没有试图做一些特别极端的事情，但它肯定会不断引发问题！我可以录制一个gif/视频，如果你没有这样的情况，但是即使删除所有鼠标上方/工具提示，气泡也会“粘住”并随机呈现在其原始位置。您好@jdower27，可能是因为对一个系列而不是标记禁用了状态？请检查此示例：并让我知道这是否有帮助。您能创建一个您提到的位于同一点的gif/视频吗？您好@jdower27，我发现了问题。鼠标悬停后不会触发

complete

函数，因为Highcharts在

setState

方法中调用自己的动画。作为覆盖该方法的解决方案，示例：我很高兴能提供帮助。如果将来出现问题，请随时提问：）