d3 svg填充屏幕

d3 svg to fill screen

本文关键字：屏幕 填充 svg d3      更新时间：2023-09-26

我正在尝试在这个页面上获得d3-svg可视化来填充屏幕。

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

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

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

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

我如何在动手前调整这个宽度和高度，使其填满页面？

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

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

我是D3的新手！所以无法提供更多信息。。但我找到了这个JQuery Answer，你可以用它先得到宽度，然后把它插进去。

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

显然，如果没有JQuery的帮助，情况会更复杂！希望这能为你指明正确的方向。

相关文章：