如何更改cytoscape节点的标签

时间:2017-08-14 18:30:58

标签: cytoscape.js

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

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

说实话,我甚至不确定如何正确地迭代所有节点,更不用说应用这种样式更改了。我毫不费力地使用提供的说明布置了一个漂亮的图形,但在我看来,javascript控件的指导相当于电报。我没有看到示例代码显示正在执行的简单操作。

1 个答案:

答案 0 :(得分:2)

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

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

然后只使用类函数:

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