JointJS는 자동 레이아웃을 연결합니다

Question

저는 JointJS와 함께 콜 그래프를 작성했습니다. 내 테스트 케이스에서, 나는 그들 사이에 링크가있는 83 노드가 있습니다. 모든 요소를 ​​만든 후에 Dagre DirectedGraph를 사용하여 다이어그램을 레이아웃합니다.

질문 : 링크 중 일부가 노드를 지나치며 직각이 아닙니다. 이 문제를 해결하는 몇 가지 해결책이나 해결책이 있습니까?

추신 : 나는 TreeLayout을 사용하려했지만 실패했다.

Answer 1

맨하탄 라우터 유형의 링크를 만들 수 있습니다.

var link = new joint.dia.Link({ 
    source: { id: source.id }, 
    target: { id: target.id }, 
    router: { name: 'manhattan' }, 
    } 
});