在jsnetworkx中绘制平行边

Question

我有一个多重图，我希望能够清楚地看到从一个顶点到另一个顶点的每条边。例如，当我有一个有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

谢谢你的帮助！

Answer 1

JSNetworkX > jsnx.draw(...)提供了一个由一些d3.js编码实现的(描述性)应用程序接口...

• 但是我认为没有合适的JSNetworkX应用编程接口来解决你的“平行边”问题。

你必须自己画画，也就是通过实现每个d3js代码的draw(G) ...

请参见：

https://bl.ocks.org/emeeks/raw/aaa995cde6621745e906/

by E.Meeks，用于进一步的“绘图边”调查，特别是“偏移边类型”...