jqplot - jqplot height 100% instead of fixed height

Question

For some reason my jqplot (from a plugin) has a fixed height. This question is directly for people who use this plugin. Do you know how to make the height dynamically change depending on that of its parent? Like via just a 100% height?

Answer 1

我认为最好的方法是在初始化图表之前确定父容器的高度。容器也必须被拉伸以填充使用 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 2

这就是我所做的。将 .96 更改为 1，您应该能够实现您想要的。

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

我在绘制图表后调用这些。

Answer 3

使用以下步骤；我认为绘制动态高度图很有用

var minHeight=100;

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