基于内容的Cytoscape.js风格节点

Question

我想为我的根节点着色与屏幕上其余节点不同的颜色，我已经做了一些预先工作来确定根节点的值，并且已经它随时可用于一个变量。然而，在试图设计风格的图时，什么都没有发生，并且通过它很难调试。

例如：

nodes: [{id = 1}, {id=2}] 

var startingNode = 1; //root node 

$('#cy').cytoscape({ 
       style: [ 
        { 
         selector: 'node', 
         css: { 
          'content': 'data(id)', 
          'background-color': 'red', 
          'color': 'black', 
          'border-width': '1px', 
          'border-color': 'black' 
         } 
        }, 
        { 
         selector: "node[content = 'startingNode']", 
         css: { 
          'content': 'data(id)', 
          'background-color': 'purple', 
          'color': 'black', 
          'border-width': '1px', 
          'border-color': 'black' 

         } 
        }] 

// more info for cytoscape rendering omitted 

}); 

任何投入将是有益的！

感谢， 保罗G.

Answer 1

除非content是在节点的data，这是行不通的。如果您有节点的ID（例如foo），则可以使用#foo或[id = 'foo']作为选择器。