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 。