我有以下字段作爲我的節點數據:設置不同的形狀在cytoscape.js不同節點
nodes {
data: {id: "something", type: "human"}
data: {id: "somethingElse", type: "mouse"}
}
有什麼辦法來設置節點的基礎上data
的type
形狀?
我有以下字段作爲我的節點數據:設置不同的形狀在cytoscape.js不同節點
nodes {
data: {id: "something", type: "human"}
data: {id: "somethingElse", type: "mouse"}
}
有什麼辦法來設置節點的基礎上data
的type
形狀?
使用stylesheet適當selectors,如:
node[type = 'foo'] {
background-color: red;
shape: star;
/* ... */
}
是自定義形狀可能? –
您可以指定自定義多邊形:http://js.cytoscape.org/#style/node-body – maxkfranz
可以結構Cytoscape的風格元素和選擇,如下面的代碼片段:
style: [
{
selector: 'node[type="human"]',
style: {
'shape': 'triangle',
'background-color': 'red'
}
},
{
selector: 'node[type="mouse"]',
style: {
'shape': 'square',
'background-color': 'blue'
}
}
]
結構化代碼 –