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

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

提前致谢。

Answer 1

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

Cy.js提供事件绑定API，因此您可以在此端绑定到mouseover等： http ： //cytoscape.github.io/cytoscape.js/#core/events

Answer 2

这对你有所帮助。

 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); }); 

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