jqplot - jqplotの高さを固定の高さではなく100％

Question

何らかの理由でjqplot（プラグインからの）私の高さは固定されています。この質問は、このプラグインを使用する人に直接向けられています。親の高さに応じて高さを動的に変更する方法を知っていますか？100％の高さでいいですか？

score 3 · Accepted Answer

これが私がすることです。.96を1に変更すると、目的を達成できるはずです。

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

チャートが描かれた後、私はこれらを呼びます。

score 3 · Accepted Answer

これを行う最良の方法は、チャートを初期化する前に親コンテナの高さを決定することだと思います。また、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,
    ...
});

もちろん、このアプローチは、そこにあるすべての状況に適しているわけではありません。

score 0 · Accepted Answer

以下の手順を使用してください。動的な高さグラフを描くと便利だと思います

var minHeight=100;

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

3 に答える 3