d3js에서 하나의 강제 방향 그래프에서 다른 그래프로 전환

Question

동일한 노드에 대해 두 개의 접을 수있는 힘 트리가 있습니다.

d3js에서 노드 전환 및 가장자리 재구성을 통해 한 트리에서 다른 트리로 전달할 수있는 예제는 보지 못했습니다.

그렇게 할 방법이 있습니까?

또 다른 관련 질문으로, 강제 선도 그래프에 대한 각 노드의 위치를 ​​초기화 할 수 있습니까?

편집 : 여기에 example입니다. 나는 두 개의 나무를 가지고 있는데, 그 링크는 하나이고 다른 트리는 동일한 분자이지만 트리 구조는 다릅니다. 같은 분자 나 엔티티에서 다른 나무 사이를 움직일 수 있다면 좋을 것이라고 생각합니다.

Answer 1

원칙적으로 다음 단계를 따르십시오.

• 노드의 위치를 ​​고정하려면 강제 레이아웃을 중지하십시오.
• 링크가 사라집니다 (예 : 페이드 아웃).
• 노드를 새 위치로 전환하십시오. 이전 데이터의 새 위치를 설정하거나 데이터를 완전히 변경 한 다음 전환이있는 강제 레이아웃의 tick 핸들러와 동일한 코드를 사용하여 수행 할 수 있습니다.
• 링크를 다시 추가하십시오.
• 새 레이아웃에서도 강제 레이아웃을 사용하는 경우이를 시작하십시오.

나는 here의 예를 구현했습니다. 나는 2 세트의 데이터와 2 개의 힘 레이아웃을 사용한다. 처음에는 첫 번째 배치 레이아웃의 노드와 링크 만 표시되고 두 번째 배치는 백그라운드에서 실행됩니다. 그런 다음 첫 번째가 중지되고 위에서 설명한 단계를 수행합니다.

이는 모든 요구 사항을 충족하지는 않지만 (예 : 노드 전환 방법과 관련하여) 이러한 구현을위한 출발점으로 사용할 수 있습니다.