jsnetworkx 가장자리 색상을 변경하는 방법

Question

Jsnetworkx에서 가장자리 속성을 표시하려면 어떻게합니까?

내가 화살표로 가장자리 색 화살표 스타일의 끝 (일부 가장자리를 변경할 수 있도록하고 싶습니다

와 같은 일부 T의 (문제 :. http://upload.wikimedia.org/wikipedia/commons/d/dc/DG_Network_in_Hybrid_Rice.png)

나는 중 하나를 적응하기 위해 노력하고 있어요 예 : user27815 @

http://jsfiddle.net/3J3k4/

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: { 
     fill: 'red' 
    } 
}); 

Answer 1

, edge_style 속성을 추가하려면, 나는 함수를 사용한 코드가

아래에 주어진다.

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 
    } 
}); 

이 JSFIDDLE을 참조 할 수 있습니다.

Answer 2

jsnx.draw(G, { 방법 내부에 아래의 코드를 사용

edgeStyle: { 
    'stroke-width': 15, 
    fill: '#999' 
},