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

Question

问题

在 sigma.js 中生成有向边需要什么？ ？我正在寻找一个最小的示例，最好基于当前 home page 上的最小示例。 .

尝试

我尝试改编 sigma.js homepage 中的最小图形示例通过以下方式

  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"
 },
 ...,
 ]

但这又没有效果。

更复杂的示例

边缘箭头渲染已添加于 this pull request 。这链接到几个示例 here和 here

Answer 1

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

它们确实具有渲染箭头的能力，但生成这些箭头的设置已更改，并且某些选项丢失(您不再可以指定目标、源或两者；您只能使用目标):

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

“curvedArrow”也是类型的有效选项。

查看此问题记录:https://github.com/jacomyal/sigma.js/pull/219了解更多信息。