Javascript 动画元素之后的引导工具提示

我有一个类似于的D3.js图表。当用户深入到图表中时，我使用引导工具提示来显示节点名称。我当前正在通过反复调用tooltip show方法来跟踪节点，这会导致工具提示在新位置重新渲染

setInterval(function(){
        $(node).tooltip('show');
    }, 100) 

---

我担心这样调用此函数会导致性能问题。有谁能提出一个更好的方法来实现这一点，或者给我一些关于以这种方式使用setInterval函数时性能问题的见解吗？

从您的描述来看，您试图做的事情最好是通过监听状态的离散变化而不是时间来完成。我没有使用过D3.js，但即使是像监听

元素上的点击这样简单的事情也会更有效率

JS 看起来像，但我不确定它是否支持授权。更熟悉的人可能会为此提供更好的建议

---

最后，根据一次显示的节点数量，对所有节点调用工具提示show本身可能会产生性能影响。通过存储引用来跟踪每次打开和关闭的引用可能更有效。同样，D3.js中可能已经有了一些东西来处理这个问题，但我并不知道这一点。

每个工具提示都是由圆圈元素上的单击事件启动的，我还在节点的数据中存储间隔id，以便在节点卷起时终止间隔函数。@Bryce-Hmm…如果您能发布一个JSFIDLE或Plunk示例，那将非常有帮助。

$('svg').on('click', 'circle', function () {
  $(node).tooltip('show')
})