javascript - d3 svg填充屏幕

Question

我正在尝试在此页面上获取 d3 svg 可视化来填充屏幕。

我文件中的 HTML 是一个空的 div：

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

当页面加载时，它会填充以下内容：

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

如何事先调整此宽度和高度以使其填满页面？

Answer 1

如果你想用你的 svg 填充屏幕，你可以这样做：

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

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

Answer 2

我对 D3 很陌生！所以不能提供更多信息..但我找到了这个 JQuery Answer，您可以使用它首先获取宽度，然后将其插入。

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

显然没有 JQuery 来帮助它更复杂！希望这能为您指明正确的方向。