sigma.js中的有向边 - 一个最小的例子

Question

题

在sigma.js中生成有向边需要什么？我正在寻找一个最小的例子,它最好是基于他们主页上当前的最小例子.

尝试

我尝试以下列方式调整sigma.js主页中的最小图形示例

  sigma.parsers.json('data.json', {
    container: 'container',
    settings: {
      defaultNodeColor: '#ec5148',
+     defaultEdgeArrow: 'source'  // adding this line should add arrows?
    }
  });

可悲的是,这并没有产生不同的结果.

我也尝试修改图表本身的边缘

"edges": [
 {
    "id": "e0",
    "source": "n0",
    "target": "n1",
+   "arrow": "source"
 },
 ...,
 ]

但这再次没有效果.

更复杂的例子

在此拉取请求中添加了边缘箭头渲染.这链接到这里和这里的几个例子

Answer 1

我自己一直在努力解决这个问题.看起来sigma.js在过去几个月中经历了重大的重新设计,示例中的代码来自旧版本的sigma.js.

它们确实能够渲染箭头,但生成这些箭头的设置已经改变,一些选项丢失了(你不再能指定目标,源或两者;你只能使用目标):

"edges": [
{
    "id": "e0",
    "source": "n0",
    "target": "n1",
+    "type": "arrow",
},
...,
]

"curvedArrow"也是类型的有效选项.

有关详细信息,请参阅此问题脚本:https://github.com/jacomyal/sigma.js/pull/219.