网络图中的工具提示闪烁答案

【问题标题】：Tooltip in the network graph is flashing on and off网络图中的工具提示闪烁
【发布时间】：2013-12-18 15:21:55
【问题描述】：

我正在为 d3js 中的网络图创建一个工具提示，其中每个节点都有圆圈和文本。

我想要做的是，当用户尝试将鼠标悬停在圆圈/文本上时，工具提示会相应地显示/隐藏。因此，当用户将鼠标从圆圈悬停到文本时，工具提示会闪烁并关闭并更改工具提示的位置。这是因为我已经为这两个元素提供了显示/隐藏事件。

circles.on("mouseover", showDetails);
circles.on("mouseout", hideDetails);
text.on("mouseover", showDetails);
text.on("mouseout", hideDetails);

当我悬停某些节点时，工具提示 div 将位于光标的顶部，因此当我向上移动光标时，鼠标指针将悬停在 div 上，并且工具提示会闪烁。

是否可以将特定节点的文本、圆形和工具提示 div 组合为单个元素，并且还可以在不频繁更改位置的情况下显示工具提示。有没有其他的可能做到这一点？

【问题讨论】：

【解决方案1】：

你应该使用circles.on("mousemove", showDetails);

我还添加了css

svg text {
  pointer-events: none;
}

【讨论】：