Javascript sigma.js中的有向边-一个最小示例 问题:

Javascript sigma.js中的有向边-一个最小示例 问题:,javascript,sigma.js,Javascript,Sigma.js,在中生成定向边需要什么?我正在寻找一个最小的例子,最好是基于他们目前的最小的例子 尝试 我尝试通过以下方式调整来自的最小图示例 sigma.parsers.json('data.json', { container: 'container', settings: { defaultNodeColor: '#ec5148', + defaultEdgeArrow: 'source' // adding this line should add arrows

在中生成定向边需要什么?我正在寻找一个最小的例子,最好是基于他们目前的最小的例子

尝试 我尝试通过以下方式调整来自的最小图示例

  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"
 },
 ...,
 ]
但这同样没有效果

更复杂的例子
已在中添加边箭头渲染。这链接到几个例子,我自己也一直在努力解决这个问题。看起来sigma.js在过去几个月里经历了一次重大的重新设计,示例中的代码来自旧版本的sigma.js

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

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


更多信息,请参阅本期文字记录。

我为此苦苦挣扎了几个小时。我能在上找到一个有效的例子

你需要的东西: -将“类型:”箭头“添加到节点属性

"edges": [
{
  "id": "e0",
  "source": "n0",
  "target": "n1",
+ "type": "arrow",
},
 ...,
]
在Sigma构造器集minArrowSize中,对我来说,它只与canvas一起工作

s = new sigma({
 graph: data,
 renderer: {
  container: document.getElementById('graph-container'),
  type: 'canvas'
 },
 settings: {
  minArrowSize: 10
 }
});
s = new sigma({
 graph: data,
 renderer: {
  container: document.getElementById('graph-container'),
  type: 'canvas'
 },
 settings: {
  minArrowSize: 10
 }
});