1
我想要在這個page上獲得d3 svg可視化來填滿屏幕。d3 svg來填充屏幕
的HTML在我的文件是空的div:
<div id='d3'>
</div>
頁面加載時,它填充了以下內容:
<svg width="1390" height="475"><g transform="translate(55,55)"> … </g></svg>
我怎麼能事先調整這個寬度和高度使其填充頁面?
我想要在這個page上獲得d3 svg可視化來填滿屏幕。d3 svg來填充屏幕
的HTML在我的文件是空的div:
<div id='d3'>
</div>
頁面加載時,它填充了以下內容:
<svg width="1390" height="475"><g transform="translate(55,55)"> … </g></svg>
我怎麼能事先調整這個寬度和高度使其填充頁面?
我很新D3!所以不能給更多info..but我發現,你可以在寬度使用首先要獲得那麼只需將其插入這個jQuery答案。
https://stackoverflow.com/a/1038765/709872
顯然沒有jQuery來幫助它更復雜!希望這可以指導你正確的方向。
如果你想和你的SVG也許你可以做到這一點,以填補屏幕:
var width = $(window).width();
var height = $(window).height();
var svgContainer = d3.select("#d3").append("svg")
.attr("width", width)
.attr("height", height);
您是否嘗試設置'div'的尺寸是多少? –