Cytoscape.js設置節點顏色和其他細節

我正在使用Cytoscape.js創建一個基本圖並且很好奇如何設置每個節點的顏色和特定形狀。這裏是我現有的代碼：Cytoscape.js設置節點顏色和其他細節

layout: { 
     name: 'preset' 
    }, 

    ready: function(){ 
     window.cy = this; 

     cy.add([ 
      { group: "nodes", data: { id: "n0" }, position: { x: 100, y: 100 } }, 
      { group: "nodes", data: { id: "n1", shape: 'rectangle' }, position: { x: 200, y: 200 } }, 
      { group: "edges", data: { id: "e0", source: "n0", target: "n1" } } 
    ]); 
    } 
});

}）;

我也很好奇如何動畫圖，以及是否有類似的例子。

歡呼聲，

來源

2016-02-10 Sam

... 
style: [ // the stylesheet for the graph 
    { 
     selector: 'node', 
     style: { 
     'background-color': '#666', 
     'shape': 'rectangle', 
     } 
    }, 
], 
...

background-color可能是你正在尋找的屬性，這是在style選項設置。更多信息可以在http://js.cytoscape.org/#getting-started/specifying-basic-options。

至於形狀，cytoscape有幾個預定義的形狀，如矩形，圓形等，你甚至可以自己製作，或有一個svg作爲節點的圖像。節點選項列於http://js.cytoscape.org/#style/node-body。

對於動畫我會看一些上傳的演示，並從那裏去。這一個是特別有趣js.cytoscape.org/demos/aedff159b0df05ccfaa5

來源

2016-02-10 07:38:45

謝謝你，那正是我之後。 – Sam

有沒有其他的動畫源代碼提供的例子？我更多的是一個連續動畫電影的例子，而不是一個互動的誘導行動。 – Sam

是的，在[http://js.cytoscape.org/#demos](http://js.cytoscape.org/#demos） –

Cytoscape.js設置節點顏色和其他細節

回答

相關問題