Question

我正在使用cytoscape.js制作一个简单的图形网络。我希望每个节点都包含一个href链接到更多信息，或者悬停以显示信息。是否可以将此功能添加到cytoscape节点？

Answer 1

首先，将href添加到数据标签。像这样：

{ data: { id: 'c' , href: 'example.com'} }

然后将其插入脚本：

cy.on('tap', 'node', function(){
  try { // your browser may block popups
    window.open( this.data('href') );
  } catch(e){ // fall back on url change
    window.location.href = this.data('href');
  }
});

Answer 2

您可以在生成节点时添加信息，如：

data: {id: 'nodeName', label: 'nodeLabel', link: 'your_href'}

然后您可以使用qtip来显示所述链接或仅将其作为标签的一部分。

您可以使用data(link)为标签或qtip中的this.data("link")调用每个节点的链接：

{selector: 'edge', style: {'label': 'data(link)',}}

使Cytoscape.js节点链接

2 个答案: