d3 svg для заполнения экрана

Question

Я пытаюсь получить визуализацию d3 svg на этом page, чтобы заполнить экран.

HTML, в моих файлах является пустой ДИВ:

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

При загрузке страницы, она заполняется следующим образом:

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

Как я могу подправить эту ширину и высоту, прежде чем руки чтобы заполнить страницу?

Answer 1

Я очень новичок в D3! Так что не может дать больше info..but Я нашел JQuery ответ, который вы могли бы использовать, чтобы получить первый в ширину, то просто подключите его.

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);