在jsnetworkx中绘制平行边

时间:2017-04-27 13:37:07

标签: javascript d3.js svg networkx jsnetworkx

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

<p><strong>disable after <code>.val</code> with val("")</strong></p> <input id="time-jqn-noval" type="time" value="11:11"> <button id="reset-jqn-noval">Clear</button> <br/><br/> <p><strong>disable before <code>.val</code> with val("")</strong></p> <input id="time-jqn" type="time" value="11:11"> <button id="reset-jqn">Clear</button> <br/><br/> <p><strong>disable before <code>.val</code> with val("00:00") </strong></p> <input id="time-jqn-value" type="time" value="11:11"> <button id="reset-jqn-value">Clear</button>提供了由某些d3.js编码实现的(描述性)API ...

  • 但我认为没有适合您的“并行边缘”问题的JSNetworkX > jsnx.draw(...) API解决方案。

你必须自己做绘图,即每d3js代码实现draw(G)......

请参阅:

JSNetworkX
  E.Meeks进一步进行“绘图边缘”调查,   特别是“偏移边缘类型”...