Question

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

提前致谢。

Answer 1

这对你有所帮助。

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

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

Answer 2

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

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

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

2 个答案: