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

それはです：あなたのグラフは異なる次元に収まる場合は、代わりにあなたが正確にあなたのdivを埋めるために探しているなら

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

ようなもので、ブラウザのウィンドウサイズに基づいてwとhを初期化することができグラフをウィンドウのサイズに合わせるのがはるかに簡単です。 – Sirko

ユーザーのブラウザウィンドウを移動、サイズ変更、最大化、最小化、または混乱させないでください。たとえあなたがこれを確実に行うことができたとしても、ちょっと迷惑です。 – Mark

あなたがしようとするとwindow.resizeTo(w, h)を使用しますが、それは確実にクロスブラウザを動作しませんでした（それ実際にしません作業時間のほとんどを）。 javascriptを使用してブラウザウィンドウのサイズを変更する信頼できる方法はありません。

グラフは正確に大きくする必要があるため、wとhにこれらの値を割り当てていますか？

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

出典

2017-01-14 18:56:04

D3JSグラフに従ってブラウザのウィンドウサイズを設定するにはどうすればよいですか？

答えて

関連する問題