1

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

这就是我得到的结果： 两个节点示例网络

谢谢你的帮助 ！

4

1 回答 1

0

JSNetworkX > jsnx.draw(...)提供由一些 d3.js 编码实现的（描述性）API ...

  • 但我认为您的“平行边”问题没有合适JSNetworkX的 API 解决方案。

您必须自己进行绘图，即通过每个 d3js 代码实现 draw(G) ...

看：

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

由 E.Meeks 进行进一步的“绘制边缘”调查，尤其是“偏移边缘类型”......

于 2018-02-26T23:02:29.960 回答