jQuery 플로 차트의 크기를 조정하는 방법은 무엇입니까?

Question

이 코드와의 jQuery FLOT 차트를 가지고 :

$("table.statics").each(function() { 
    var colors = []; 
    $("table.statics thead th:not(:first)").each(function() { 
     colors.push($(this).css("color")); 
    }); 
    $(this).graphTable({ 
     series: 'columns', 
     position: 'replace', 
     height: '200px', 
     colors: colors 
    }, { 
     xaxis: { 
      tickSize: 1 
     } 
    }); 
}); 

이 코드는 잘 작동하지만, 지금은 창 크기를 조정할 때 차트의 크기를 조정하는 것을 원한다.

어떻게하면됩니까? 내 문서에 jquery.flot.resize.js가 포함되어 있습니다.

Answer 1

"height:200px"을 삭제하고 "height:40%" 또는 원하는만큼만 입력하십시오.
퍼센트를 주면 창 크기를 조정할 때마다 크기가 새로 계산됩니다.

Answer 2

이 쉬운 수정 - 당신은 단지 jquery.flot.pie.js에 한 줄을 추가해야합니다

var attempts = 0; 
redraw = true; /* <--add this as line #281 */ 
while (redraw && attempts<redrawAttempts) 

여기에서 솔루션을 가지고 : 그냥

https://github.com/flot/flot/commit/a2c38dc96489a217127c614879fa4dc9c8142f10#diff-0

Answer 3

을 플롯 차트와 함께 제공되는 jquery.flot.resize.js 플러그인에 대한 참조를 추가하면됩니다. 자리 표시 자 크기 변경, 예를 들어, 자동으로 다시 그리기 플롯에 대한

FLOT 플러그인 : 플러그인 문서에서

창 크기가 조정됩니다.

자리 표시 자 div의 변경 사항을 수신하여 작동합니다 ( jQuery resize 이벤트 플러그인을 통해). 크기가 변경되면 플롯이 다시 그려집니다.

그것은 내가 그 크기 조정하지만 차트의 폭을 원하는 높이 아니다 http://www.flotcharts.org/