jqplot 높이 고정 높이 대신 100 %

Question

내 이유는 무엇입니까 내 jqplot (플러그인에서) 고정 높이가 있습니다. 이 질문은이 플러그인을 사용하는 사람들에게 직접적인 질문입니다. 부모의 높이에 따라 높이를 동적으로 변경하는 방법을 알고 있습니까? 100 % 고도를 좋아해요?

Answer 1

이것은 내가하는 일입니다. .96을 1로 변경하면 원하는 것을 얻을 수 있습니다.

$('#ChartID').height($('#ParentElement').height() * 0.96); 
$('#ChartID').width($('#ParentElement').width() * 0.96); 

차트를 그린 후에이를 호출합니다.

Answer 2

나는 차트를 초기화하기 전에 상위 컨테이너의 높이를 결정하는 것이 가장 좋은 방법이라고 생각합니다. CSS 기술을 사용하여 차트 용으로 예약 된 공간을 채우기 위해 컨테이너를 늘려야합니다. 당신은 이런 식으로 작업을 수행 할 수 있습니다

HTML :

<div class="container"><div id="chart"></div></div> 

jQuery를 코드 : 물론

var containerHeight = $("#chart").parent("div.container").height(); 
var chart = $.jqplot('chart', [data], { 
    height: containerHeight, 
    ... 
}); 

은이 방법 밖에 모든 상황에 적합하지 않을 것이다 .

Answer 3

아래 단계를 사용하십시오. 동적 높이 그래프를 그릴 때 유용하다고 생각합니다.

var minHeight=100; 

if (30 * label.length > minHeight){ 
minHeight = 30 * label.length; 
} 
$('#chart1').height(minHeight);