我如何讓類在Cytoscape.js中工作

Question

我想向節點中添加一個類，以將所有CSS放在樣式表文件中，而不是在javascrpt聲明中。

var values = { 
    nodes: [ 
     { data: { id: 'explore'}, 
     classes: 'ClassName1' 
     }, 
     { data: { id: 'discover' } } 
    ], 
    edges: [ 
     { data: { source: 'explore', target: 'discover' } } 
    ] 
}; 

正如你所看到的，我添加了類和類名，但沒有任何反應。

Answer 1

您應該使用選擇， 這裏是解決方案：

 var cy = cytoscape({ 
      container: this.div[0], 
      style: cytoscape.stylesheet() 
      .selector(".ClassName1") 
       .css({ 
        'background-color': 'red', 
       })  , 
      elements: values , 
      layout: 'MyLayout' 
     }); 
     cy.layout();