Stellen verschiedene Formen für verschiedene Knoten in cytoscape.js

Question

Ich habe folgende Felder wie meine Knoten Daten:

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

Gibt es eine Möglichkeit, die Formen der Knoten zu setzen, basierend auf dem type in data?

Answer 1

Verwenden Sie ein stylesheet mit entsprechenden selectors, zB:

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

Answer 2

Sie können die Cytoscape Stilelement und Selektoren strukturieren, wie im Code-Snippet:

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