使D3.js的宽度和高度为100％

Question

如何在整个页面的整个高度和宽度上制作一个svg。以下代码创建了一个宽度为1411，高度为150的svg。我了解d3的默认高度为150。但是，我在代码中将其设置为100％。如何将其设置为页面宽度和高度的100％？

var svg = d3.select("body").append("svg")
    .attr("width", "100%")
    .attr("height", "100%");

Answer 1

一种非常简单的方法是在添加<svg>时直接get the window's width and height。

d3.select('body').append('svg')
  .attr('width', window.innerWidth)
  .attr('height', window.innerHeight)

但是，如果调整了窗口大小，它将不会自动更新。