jQuery flot chartのサイズを変更するには？

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%"またはあなたがほしいamoutを与えてください。
％を指定すると、ウィンドウのサイズが変更されるたびにサイズが新しいものとして計算されます。

Answer 2

これは簡単な修正です - あなただけjquery.flot.pie.jsに1行を追加する必要があります

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

をFlotチャートに付属しているjquery.flot.resize.jsプラグインへの参照を追加してください。プレースホルダ サイズの変更、例えば、自動的に再描画プロットの

FLOTプラグイン：プラグインのドキュメントから

ウィンドウのサイズが変更されます。

それはプレースホルダのdiv（ jQueryの経由イベントプラグインのサイズを変更する）上の変化を聞くことによって動作します - サイズが変更された場合、それは プロットを再描画します。

は、それはサイズを変更私が欲しいの高さが、チャートの幅ではありませんhttp://www.flotcharts.org/