Javascript 如何使用cytoscape.js在图形中的节点上添加鼠标悬停事件的工具提示

我想在用cytoscape.js创建的图中的所有节点上显示节点在mouseover事件上的详细信息。我找到了一个插件，但它不起作用。 我怎样才能做到这一点？是否有其他方式在节点上显示工具提示

---

提前感谢。

您仍然可以使用QTip。由于cy.js没有每个图形元素关联的DOM元素，因此您需要（1）创建虚拟HTML DOM元素来定位QTip，或者（2）使用QTip API手动将QTip定位到节点

---

Cy.js提供了事件绑定API，因此您可以只绑定到

mouseover

等：

这将对您有所帮助

cy.on('mouseover', 'node', function(event) {
    var node = event.cyTarget;
    node.qtip({
         content: 'hello',
         show: {
            event: event.type,
            ready: true
         },
         hide: {
            event: 'mouseout unfocus'
         }
    }, event);
});

---

但是当有很多节点时，它仍然会显示（而不是隐藏）。

谢谢@maxkfranz。你能展示一些示例代码吗？我发现在“show”对象中使用“solo:true”选项很有用。是的，但是它增加了一点延迟。所以现在，我注释掉了“ready:true”。这是工作！无论如何，谢谢。从cytoscape 3.5.0开始，您必须使用cytoscape qtip扩展：（或首选扩展）。不确定qtip是否已移动到扩展。