2014-03-29 5 views
1

"노드"가 개별 svg 셰이프가 아닌 svg 그룹 인 d3.js에서 강제 레이아웃을 만들고 싶습니다. 예를 들어, 한 줄에 연결된 점들의 집합을 포함하고있는 g을 상상해보십시오. 그 행의 개별 점의 배치에 영향을 미치지 않으면 서 강제 레이아웃이 화면에 해당 행의 배치를 유도하고 싶습니다.그룹을 "노드"로 사용하는 d3 강제 레이아웃

이것이 가능합니까? 그렇다면 어떻게해야할까요? 그렇지 않다면, 왜?

+1

당신이해야 할 일은 원 대신에 원하는 것을 포함하는'g' 요소를 추가하는 것뿐입니다. –

+2

다음은 간단한 데모입니다. http://jsfiddle.net/MW8bB/ –

+0

@LarsKotthoff you rock, thanks. d3에서 무언가가 까다로울 것이라고 생각할 때마다, 그것은 매우 쉽다는 것을 알게됩니다 ... – drewmoore

답변

1

g 요소를 원과 비교했을 때 힘 레이아웃과 관련해서는 어떻게 처리 할 것인가에 차이가 없습니다. g 요소에 각 "노드"에 대한 내용이 추가됩니다.

빠른 데모 here.

+0

다시 감사드립니다 ... – drewmoore

관련 문제