基於內容的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']作爲選擇器。