仅增加所选边的宽度(cytoscape.js)

时间:2015-01-13 17:39:31

标签: javascript graph cytoscape.js cytoscape cytoscape-web

当我选择几个连接的节点或简单的边缘时,如何预定义,以使所选边的宽度更大,而不影响整个网络的其余边缘或节点的宽度?

我在选择节点或边缘时预定义了这个:

$('#cy').cytoscape({
  style: cytoscape.stylesheet()
    .selector(':selected')
      .css({
        'background-color': 'black',
        'line-color': 'red',
        'target-arrow-color': 'black',
        'source-arrow-color': 'black',
        'opacity': 1
      })...

但没有'line-width',所以如果我放'width': 5它会将它应用到所有边缘和节点。

那么我怎样才能在选择时修改边缘宽度并将图形的其余部分保持不变?

提前致谢!

1 个答案:

答案 0 :(得分:4)

  

Cytoscape.js → Selectors

     

...一个选择器在DOM元素上运行类似于CSS 选择器,但Cytoscape.js中的选择器改为处理图元素的集合...选择器可以组合< / strong>一起制作强大的查询...选择器可以与逗号... nodeedge或{{一起加入(有效创建逻辑OR) 1}}(组选择器)匹配基于组的元素(节点*,边{4}},所有node ...

为了仅将样式应用于选定边,请使用选择器的选择器。

edge

jsFiddle演示:http://jsfiddle.net/xmojmr/rbuj3o9c/2/