设置不同的形状在cytoscape.js不同节点

Question

我有以下字段作为我的节点数据：

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

有什么办法来设置节点的基础上data的type形状？

Answer 1

使用stylesheet适当selectors，如：

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

Answer 2

可以结构Cytoscape的风格元素和选择，如下面的代码片段：

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