d3 svg 화면 채우기

Question

이 page에 d3 svg 시각화를 사용하여 화면을 채우려고합니다.

내 파일에

html로 빈 DIV이다

<div id='d3'> 
</div> 

페이지가로드, 그것이 채워집니다 다음 나는 손 전에 폭과 높이를 조정할 수있는 방법

<svg width="1390" height="475"><g transform="translate(55,55)"> … </g></svg> 

을 페이지를 채우기 위해?

Answer 1

저는 D3에 매우 익숙합니다! 난 당신이 그 폭에 처음 들어갈 때 사용하는 단지에 꽂 수이 JQuery와 응답을 발견 info..but 그래서 더 드릴 수 없습니다.

https://stackoverflow.com/a/1038765/709872

을 분명히 JQuery와하지 않고는 더 복잡하기 위해! 희망이 올바른 방향으로 당신을 가리 킵니다.

Answer 2

당신은 당신이 할 수있는 어쩌면 SVG으로 화면을 채우려면 :

var width = $(window).width(); 
    var height = $(window).height(); 

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