为什么我的工具提示会忽亮忽灭？

Question

在这个例子之后，我创建了一个工具提示。

由于某种原因，当我移动鼠标时，我的工具提示会闪烁。据我所知，mousemove（）函数会找到最近的数据点；因此，只要鼠标在. overlay矩形上，工具提示就应该始终显示。

有什么想法吗？这是我的小提琴：

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

Answer 1

发现如果工具尖端从表格中延伸将导致此问题。将工具尖端从屏幕边缘向内移动或缩短工具尖端文本。

Answer 2

我认为这是在他们不需要的时候继续发射鼠标：

更新小提琴（再次）：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);

Answer 3

之所以会出现闪烁，是因为工具提示有时出现在鼠标下方，并导致调用mouseout，然后再次删除工具提示，再次将鼠标放在元素上，从而调用mouseover，循环继续。。。

留出一点间隙（我添加了5），这样工具提示就不会出现在鼠标下面：

tooltip.attr("transform", "translate(" + (xScale(d.date)   + 5  ) + ",0)");

编辑避免工具提示影响鼠标的另一种更好的方法是给它设置样式：

pointer-events: none;