Set farklı şekiller

Question

Ben benim düğümler veri olarak aşağıdaki alanları:

nodes { 
    data: {id: "something",  type: "human"} 
    data: {id: "somethingElse", type: "mouse"} 
} 

data yılında type dayalı düğüm şekilleri ayarlamak için herhangi bir yolu var mı?

Answer 1

Kullanım uygun selectors ile stylesheet, örneğin:

node[type = 'foo'] { 
    background-color: red; 
    shape: star; 
    /* ... */ 
} 

Answer 2

Aşağıdaki kod parçacığının gibi Cytoscape tarzı elemanı ve seçicileri, yapılandırmanın:

style: [ 
    { 
    selector: 'node[type="human"]', 
    style: { 
     'shape': 'triangle', 
     'background-color': 'red' 
    } 
    }, 
    { 
    selector: 'node[type="mouse"]', 
    style: { 
     'shape': 'square', 
     'background-color': 'blue' 
    } 
    } 
]