如何根据D3JS图设置浏览器窗口大小？

Question

我正在尝试根据D3JS图表的高度和宽度设置浏览器窗口大小。 因为我的一些图是不可见的。 下面给出了我设置高度和宽度的代码。

var w = 1345, h = 1000;
var svg = d3.select(".graphContainer").append("svg:svg")
            .attr("width", w)
            .attr("height", h);

Answer 1

您可以尝试使用window.resizeTo(w, h)，但它无法跨浏览器可靠地工作（它实际上赢了大部分时间都在工作）。使用javascript调整浏览器窗口的可靠方法并不可行。

您是否将w和h分配给这些值，因为您的图表需要非常大？如果您的图表可以适合不同的维度，您可以根据浏览器窗口大小初始化w和h，例如

var w = window.innerWidth;
var h = window.innerHeight;

如果您正准备填写您的div：

var w = document.getElementsByClassName('.graph-container')[0].clientWidth;
var h = document.getElementsByClassName('.graph-container')[0].clientHeight;