2016-10-24 5 views
-1

간단한 트리 구조를 만들고 D3.js를 사용하여 표시했습니다. 노드가 너무 많아지면 텍스트를 볼 수 없습니다. . 실제로 작동 할 수있는 경우D3js 텍스트가 너무 작습니다.

Fig1Fig2

나는 SVG에서 이미지를 만들 수

, 그럼 대신 d3js하여 트리를 표시하고 마지막으로 확대 돋보기를 사용하여 렌더링 모르겠어요; 그것을하기위한 더 좋은 방법이 있습니까?

+0

이미지에 이미지를 렌더링 할 필요가 없습니다. 단지'svg' [zoom and pannable] (http://bl.ocks.org/robschmuecker/7880033) 만 만들면됩니다. – Mark

+0

@Mark 나는 그것을 좋아한다, 대답해라. 그러면 받아 들일 것이다. 도와 주셔서 감사합니다 – reand

답변

0

글쎄, 우선 당신의 권위를 오른쪽보다는 노드 밑에 두는 것이 좋겠지 만, 그것은 당신에게 약간의 공간을 돌려 줄 것입니다. 그러나 그것은 당신의 문제를 정말로 해결하지 못할 것입니다.

나는 당신의 나무 colapse by node

를 만들거나 거기에 얼마나 많은 아이들의 함수로 노드 사이의 공간을 정의 중 하나를 권 해드립니다 것이다

. 이를 위해서는 트리에서 자식을 재귀 적으로 계산해야합니다. 당신은 내가했던 대답에서 그것을하는 방법을 볼 수있다 here

다른 해결책이 있을지도 모른다. 그러나 그것들은 나에게서 뛰어 내리는 최고 다.

관련 문제