d3.js 강제 그래프 검색

Question

d3 강제 지시 그래프 예제에서 검색 기능을 구현하려고합니다. 텍스트 필드에 검색어를 입력하면 관련 항목이 표시되고 관련없는 항목은 사라집니다.

나는 jsfiddle과 같이 searchUpdate 및 count 메소드를 구현했다.

항목을 퇴색시키기 위해 도움이 필요합니다. 현재 d3.select("svg")은 전체 그래프를 페이드하고, d3.select("#"+n.id)은 오류를 생성합니다.

Answer 1

d3.select("svg")을 사용하면 SVG 캔버스를 선택하고 opacity을 설정합니다. 당신이하고 싶은

d3.selectAll("circle") 

또는

d3.selectAll("circle.node") 

하고 거기 opacity을 적용합니다.

그럼 싶은 것은 '당신이 그렇지 않으면 당신은 돈이 원을 만들 때

.attr("id", function(d,i) {return "circle"+i}) 

같은 ID를 만들어야합니다 그렇게 d3.select("#"+n.id)하지만를 사용하여 ID가 ​​일치하는 원을 선택하다 선택할 ID가 없습니다.