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！所以不能给更多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);