d3.js - 为什么我的工具提示会不断闪烁？

Question

我在this example之后创建一个工具提示。

由于某种原因，当我移动鼠标时，我的工具提示会不断闪烁。据我了解，mousemove()函数找到最接近的数据点；因此只要鼠标悬停在.overlay矩形上，工具提示就应该一直显示。

有任何想法吗？这是我的 fiddle :

http://jsfiddle.net/samselikoff/zhMQ8/1/

Answer 1

我认为是在不需要的时候连续触发mouseover/mouseout:

更新 fiddle (再次):http://jsfiddle.net/zhMQ8/3/

g.on("mouseover", function() { tooltip.style("display", null); });

g.on("mouseout", function() { tooltip.style("display", "none"); });

g.select(".overlay").on("mousemove", mousemove);