我有一个多重图形,我希望能够清楚地看到从一个顶点到另一个顶点的每个边。例如,当我有一个具有2个顶点的图形,并且从第一个到第二个有3条边时,但是我只看到一条边。我正在使用jsnetworkx api
var G = new jsnx.MultiGraph();
G.addNodesFrom([0,1]);
G.addEdgesFrom([[0,1],[0,1],[0,1]]);
var color = d3.scale.category20();
jsnx.draw(G, {
element: '#canvas',
layoutAttr: {
charge: -120,
linkDistance: 100
},
nodeAttr: {
r: 10,
title: function(d) { return d.label;}
},
nodeStyle: {
fill: function(d) {
return color(d.data.group);
},
stroke: 'none'
},
edgeStyle: {
fill: '#999',
'stroke-width':10
},
stickyDrag: true
});
这就是我得到的结果:
Two node example network
谢谢你的帮助 !
最佳答案
JSNetworkX > jsnx.draw(...)
提供了由某些d3.js编码实现的(描述性)API ...
但是我认为对于您的“平行边缘”问题,没有适当的JSNetworkX
API解决方案。
您必须自己完成绘图,即通过按照d3js代码实现draw(G)...
看到:
https://bl.ocks.org/emeeks/raw/aaa995cde6621745e906/
由E.Meeks进行进一步的“画边”研究,
特别是“偏移边缘类型” ...