Css 如何更改jsnetworkx边缘颜色
如何在Jsnetworkx中显示边缘属性 我希望能够更改边颜色和箭头样式的结尾(有些边是箭头,有些是T(类似:) 我试图改编其中一个例子:Css 如何更改jsnetworkx边缘颜色,css,edges,jsnetworkx,Css,Edges,Jsnetworkx,如何在Jsnetworkx中显示边缘属性 我希望能够更改边颜色和箭头样式的结尾(有些边是箭头,有些是T(类似:) 我试图改编其中一个例子: @user27815,为了添加edge_样式属性,我使用了一个函数 var G = jsnx.DiGraph(); G.add_nodes_from([1,2,3,4,5,[9,{color: '#008A00'}]], {color: '#0064C7'}); G.add_cycle([1,2,3,4,5]); G.add_edges_from([[1
@user27815,为了添加edge_样式属性,我使用了一个函数
var G = jsnx.DiGraph();
G.add_nodes_from([1,2,3,4,5,[9,{color: '#008A00'}]], {color: '#0064C7'});
G.add_cycle([1,2,3,4,5]);
G.add_edges_from([[1,9,{color: '#008A00'}], [9,1]]);
jsnx.draw(G, {
element: '#canvas',
with_labels: true,
node_style: {
fill: function(d) {
return d.data.color;
}
},
label_style: {fill: 'white' },
edge_style: {
'stroke': function(d) {
return d.data.color|| '#AAA';
},
'stroke-width': 2
}
});
您可以参考这一点。在
jsnx.draw(G,{
方法中使用下面的代码:
edgeStyle: {
'stroke-width': 15,
fill: '#999'
},
edgeStyle: {
'stroke-width': 15,
fill: '#999'
},