d3 트리 레이아웃의 두 노드 사이의 관계를 설정하는 방법

Question

D3 트리 레이아웃이 있습니다.이 관계를 기반으로 두 노드 사이의 관계가 있습니다. 두 노드 사이의 연결을 보여주고 싶습니다. 지금 사용하고 있습니다. 동그라미 .2 노드의 onmouse 동그라미는 지정된 색으로 표시됩니다. 동그라미는 이미지 exaclty.so를 덮지 않고 변형을 적용했지만 다른 기능을 방해합니다.

나의 유일한 목적은 내 요구 사항을 달성하기 위해 어떤 방법이 원 또는 원은 CSS3를 사용하지만

일을 didnt가 적용 시도 안하고 뭔가를 사용하는 두 노드 사이에 어떤 연결을 보여주는 것입니다

Answer 1

하는 경우 나는 너를 이해하고있다, 이것을 달성하는 다른 방법이 있으며, 이것은 하나 뿐이다.

이 고려 :

function highlight() { 
    var selectedClass = d3.select(this).attr("class"); 
    d3.selectAll("circle") 
     .style("fill",function(d) { 
      if (selectedClass == d3.select(this).attr("class")) 
       return "magenta"; 
     }); 
} 

당신이 그 (것)들에게 동일한 클래스 (아마도 큰 가정), 위의 같은 다음 코드를 할당하여 노드의 특정 번호 (두 개 이상) 사이의 관계를 설정 한 가정 그러한 관계를 표시 할 수 있습니다. 노드 중 하나를 클릭하면 (이 함수는 노드 .on("click"...에 의해 호출됩니다), 다른 사용자는 원하는 변경 사항을 표시합니다 (여기에는 색상 변경으로 표시). 이게 도움이 되나요?