我有一个多重图形,我希望能够清楚地看到从一个顶点到另一个顶点的每个边。例如,当我有一个具有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进行进一步的“画边”研究,
  特别是“偏移边缘类型” ...

10-08 13:07