Question

如何向边缘添加方向？
如何标记顶点？

现在我有：

var cy = cytoscape({
        container: document.getElementById('cy'),
        elements: graph_to_elements(graph),
        style: 'node { background-color: blue; }'
      });

图形是顶点和边缘 graph_to_elements是一个绘制输入图形的函数。

我还可以添加哪些其他内容？当我尝试添加不同的属性时，它将无法正常工作。

Answer 1

如果要向边缘添加方向，只需在样式中添加“target-arrow-color”和“target-arrow-shape”属性即可。您可以在一个非常简单的示例中看到这一点：http://js.cytoscape.org/#getting-started/specifying-basic-options

{
  selector: 'node',
  style: {
    'background-color': '#666',
    'label': 'data(id)' // here you can label the nodes 
  }
},

{
  selector: 'edge',
  style: {
    'width': 3,
    'line-color': '#ccc',
    'target-arrow-color': '#ccc',
    'target-arrow-shape': 'triangle' // there are far more options for this property here: http://js.cytoscape.org/#style/edge-arrow
}

在初始化图形时坚持使用cytoscape提供的符号，当你要定义多种样式时，你想写：

style: [
   {
       selector: '...'
       style: {...}
   },
   {
       ... 
   }
]

Cytoscape.js边缘和箭头样式

1 个答案: