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

我想根据我的D3JS图形的高度和宽度设置我的浏览器窗口大小。由于我的一些图形是不可见的。代码在下面给出，我设置高度和宽度。如何根据D3JS图形设置浏览器窗口大小？

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

来源

2017-01-14 Umair Munawar Khokhar

这是比其他方式更容易将图形调整为窗口的大小。 – Sirko

请不要尝试移动，调整大小，最大化，最小化或以其他方式混淆用户的浏览器窗口。即使你可以可靠地做到这一点，这只是令人讨厌的。 – Mark

你可以尝试使用window.resizeTo(w, h)但它不会可靠地工作跨浏览器（它实际上不会工作的大部分时间）。有没有一种可靠的方式来调整使用JavaScript的浏览器窗口。

您是否将w和h指定为这些值，因为您的图形需要精确到很大？如果你的图可以适应不同尺寸，你可以根据浏览器窗口大小的东西，如

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

，而不是初始化w和h如果你正在寻找准确填写您的div：

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

来源

2017-01-14 18:56:04

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

回答

相关问题