Highcharts 气泡图鼠标悬停动画

时间:2021-03-02 17:50:46

标签: javascript highcharts

美好的一天,尝试通过我们一直在努力的代码重写来找出最后一块。我们有一个动画气泡图,从本质上模拟运动图,因为我们依赖的大多数运动图库以前都集成了 Flash。

似乎原始渲染的鼠标悬停空间在动画过程中停留在周围,并导致气泡“重置”,我注意到工具提示也停留在原始位置。有什么想法/建议吗?

我在这里复制了一个几乎完整的版本(未实现加载附加变量):

https://nl.communityaccounts.ca/motionchart/motion_dev.asp

我也在开发一个独立的 jsfiddle,很快可以提供一个链接。

1 个答案:

答案 0 :(得分:1)

Highcharts 使用 plotXplotY 点的属性以默认方式定位工具提示。在您的情况下,仅更新属性:xyz 和点的图形。您还需要更新 plotXplotY

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

现场演示: https://jsfiddle.net/BlackLabel/9drynwcz/