如何根據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圖形設置瀏覽器窗口大小？

回答

相關問題