Question

我正在使用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" } }
    ]);
    }
});

}）;

我也很好奇如何动画图表，以及是否有类似的例子。

欢呼声，

Answer 1

...
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

Cytoscape.js设置节点颜色和其他细节

1 个答案: