如何在Jsnetworkx中将边标签添加到图中

Question

我正在做一个图形可视化项目，正在使用JSnetworkx。到目前为止，我已经能够改变边缘的宽度和颜色，但在尝试让它显示边缘标签时，我没有任何运气。请帮帮忙。

var G = new jsnx.DiGraph();

G.addNodesFrom([1,2,3,4,5,[9,{color: '#008A00'}]], {color: '#0064C7'});
G.addCycle([1,2,3,4,5]);
G.addEdgesFrom([[1,9], [9,1]],{label:"edge_1"});

jsnx.draw(G, {
    element: '#canvas', 
    withLabels: true, 
    nodeStyle: {
        fill: function(d) { 
            return d.data.color; 
        }
}, 
edge_style:{
    'stroke-width':5,
    fill: "black"
},
labelStyle: {fill: 'pink'},
stickyDrag: true
});

Answer 1

下面是一个为我工作的原型。

    var G = new jsnx.Graph();
    G.addNodesFrom([
        ['a', { color: 'red' }],
        ['b', { color: 'green' }],
        ['c', { color: 'white' }]
    ]);
    G.addEdgesFrom([
        ['a', 'b', { label: 'a to b label' }],
        ['a', 'c', { label: 'a to c label' }]
    ]);

    jsnx.draw(G, {
        element: '#canvas',
        layoutAttr: {
            friction : 0,
            gravity : 0,
            linkDistance: 400
        },
        withLabels: true,
        withEdgeLabels: true,
        nodeStyle: {
            fill: function (d) {
                return d.data.color;
            }
        },
        edgeLabels: function (d) {
            return d.data.label;
        }
    });