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);