2013-07-23 213 views
1

我想要在這個page上獲得d3 svg可視化來填滿屏幕。d3 svg來填充屏幕

的HTML在我的文件是空的div:

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

頁面加載時,它填充了以下內容:

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

我怎麼能事先調整這個寬度和高度使其填充頁面?

+0

您是否嘗試設置'div'的尺寸是多少? –

回答

0

我很新D3!所以不能給更多info..but我發現,你可以在寬度使用首先要獲得那麼只需將其插入這個jQuery答案。

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

顯然沒有jQuery來幫助它更復雜!希望這可以指導你正確的方向。

0

如果你想和你的SVG也許你可以做到這一點,以填補屏幕:

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

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