D3.js - 단일 요소 업데이트

위대한이 tutorial은 모든 svg 요소를 업데이트하는 방법을 보여줍니다. 요소를 하나만 선택하고 업데이트하려면 어떻게해야합니까? D3.js에 이벤트 리스너를 추가하여 단일 요소를 업데이트하는 방법을 알고 있지만 외부 요소로 인해 요소를 업데이트해야하는 경우 어떻게해야합니까? 감사.D3.js - 단일 요소 업데이트

출처

2013-06-05 Rick Jolly

이 페이지 요소를 선택할 수있는 방법 (들)을 모두 커버 : https://github.com/mbostock/d3/wiki/Selections

예를 들어, 당신은 같은 것을 할 수있는 : http://jsfiddle.net/elevine/FYY9k/

출처

2013-06-05 20:07:08 elevine

: 여기

var circle = svg.select("#circle-0"); circle .transition() .duration(750) .style("fill", "steelblue");

를 작동하는 예입니다 이것이 솔루션의 일부이며 요소를 선택할 수 있습니다. 나는 링크 된 튜토리얼의 문맥에서 간단한 예제를 찾고있다. 나는 실제로 더 복잡한 힘 도표로 실제로 일하고있다. 내 힘 도표의 노드에서 속성을 선택하고 속성을 변경하면 노드와의 모든 링크와 위치를 잃게됩니다. –

자습서를 기반으로 단일 요소를 선택하고 업데이트하는 예제를 추가했습니다. 샘플 코드 및/또는 jsfiddle을 게시 할 수 있다면 특정 문제를 해결하는 데 도움이됩니다. – elevine

감사합니다. 당신이 물어 본 질문에 대답했지만, 업데이트 된 힘 도표의 맥락에서 그 질문이 작동하도록 할 수는 없습니다. 나는 당신이보기를 원한다면 더 좋은 예를 만들었습니다 (바이올린) (http://jsfiddle.net/3BNFe/)? 하단의 버튼 클릭 기능은 노드를 수정하려는 부분입니다. –

D3.js - 단일 요소 업데이트

답변

관련 문제