d3.js 창 크기 조정

Question

수백 개의 노드와 링크가 포함 된 강제 지정 그래프가 있지만 창 크기가 너무 작아서 모든 노드 (링크)를 표시 할 수 없습니다. 모든 데이터를 보려면 크롬 브라우저에서 위 또는 아래로 스크롤해야합니다. 아래는 윈도우 내 코드는 바닐라 자바 ​​스크립트와 함께 할 수있는, 적극적으로 사용자의 창 크기를 조정하는 것은 바람직하지 않지만 현재 창

 var width = 2400; 
     var height = 1500; 
     var color = d3.scale.category20c(); 

     var svg = d3.select("body").append("svg") 
      .attr("width", width) 
      .attr("height", height); 

Answer 1

에 맞게 모든 데이터의 크기를 조절하는 방법입니다 :

<div style="overflow:scroll;"> 
    <svg><!-- your contents --></svg> 
</div> 

:

window.resizeTo(width, height); 

당신의 노드를 수용 할 수있는 더 좋은 방법은 div 스크롤하여 svg 요소를 포함 (별도의 CSS 파일에 style 속성을 넣어 시도)하는 것입니다

또는

크기를 조정하여 svg 모든 요소 (예를 들어, 귀하의 노드) 현재 윈도우의 크기에 따라. 그것은 말할 또 다른 이야기 일 것입니다.