如何更改细胞景观节点的标签

Question

这是一个新手 cytoscape.js 问题。我的节点使用 data(lbl) 标记如下，我想动态切换到从不同的数据元素中拉出标签，例如改成 'label': 'data(lbl2)'

style:[
 {
   selector: 'node',
   style: {
     'background-color': 'data(color)',
     'label': 'data(lbl)',
     'font-size' : '25px',
     'width' : 'data(size)',
     'height' : 'data(size)'
   }

老实说，我什至不确定如何正确地遍历所有节点，更不用说应用这种样式更改了。使用提供的说明，我可以毫不费力地布置一个漂亮的图表，但在我看来，javascript 控件的指导相比之下非常直观。我看不到显示正在执行的简单操作的示例代码。

Answer 1

像在 HTML/CSS 中一样使用选择器。最简单的情况是类.

style: [
  {
    selector: 'node.foo',
    style: {
      'label': data(foo)
    }
  },
  {
    selector: 'node.bar',
    style: {
      'label': data(bar)
    }
  }
  // ...
]

然后只需使用类函数：

node.removeClass('foo').addClass('bar')

如何更改细胞景观节点的标签

How to change label of cytoscape nodes

cytoscape.js