2017-01-14 4 views
0

내 D3JS 그래프의 높이와 너비에 따라 브라우저 창 크기를 설정하려고합니다. 일부 그래프가 보이지 않습니다. 아래 코드는 높이와 너비를 설정하는 위치입니다.D3JS 그래프에 따라 브라우저 창 크기를 설정하는 방법은 무엇입니까?

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

그것은이다 그래프를 창 크기로 조정하는 것이 다른 방법보다 훨씬 쉽습니다. – Sirko

+1

사용자의 브라우저 창을 이동, 크기 조정, 최대화, 최소화 또는 혼란시키지 마십시오. 당신이 이것을 확실하게 할 수 있다고해도, 그것은 성가신 일입니다. – Mark

답변

2

당신은 시도하고 window.resizeTo(w, h)를 사용하지만이 안정적으로 크로스 브라우저를 작동하지 않습니다 수 있습니다 (이것은 실제로 하지 않습니다 일 대부분의 시간을). 자바 스크립트를 사용하여 브라우저 창 크기를 조정하는 신뢰할 수있는 방법은 없습니다.

wh에 그래프를 정확히 지정해야하기 때문에이 값을 지정 하시겠습니까? 그래프는 다른 차원에 들어갈 수있는 경우 정확히 사업부를 채우기 위해 찾고 있다면, 당신은 대신

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

같은 뭔가 브라우저 창 크기에 따라 wh를 초기화 할 수 있습니다 :

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