Highcharts 在第一次渲染时计算的图表高度不正确答案

【问题标题】：Highcharts calculated height on chart on first render incorrectHighcharts 在第一次渲染时计算的图表高度不正确
【发布时间】：2014-01-08 04:34:58
【问题描述】：

我在渲染时遇到图表高度问题。

containerDiv 的父 div 的宽度/高度设置为 960px/540px，并且 position:absolute。

CSS -

.containerDiv {
   position: absolute;
   top: 15%;
   left: 0;
   width: 100%;
   height: 70%;
}

在最新的 highcharts.src.js 中计算的 containerDiv 的高度值 - 大约。在第 11285 行 - 正在使用 jquery 的 .height() 函数并返回：448px，大约是。 540 的 83%，而不是 378 像素，也就是 70%。

我正在以这种方式实例化图表：

JS -

var highchart = new Highcharts.Chart(chartObj);

这就是chartObj的相关部分：

Object {
  chart: {
    ...
    renderTo: "containerDiv"
  },
  ...
}

真正奇怪的是，在实例化图表之前，我用 jquery 注销了 containerDiv 的高度，预期结果为 378px。

虽然这不会重现问题，但这里是我描述的配置的小提琴链接。 http://jsfiddle.net/gbefv/2/

【问题讨论】：

【解决方案1】：

containerContainer in style 添加位置：absolute;

<div id="containerContainer" style="position: absolute; width: 960px; height: 540px; margin: 0px;">

【讨论】：

#containerContainer 已经绝对定位。更新了我原来的问题以反映这一点。不过建议很好..
在您的代码jsfiddle.net/gbefv/2 containerContainer 中没有绝对位置。当我将绝对位置添加到 containerContainer 时，$('containerDiv').height() 返回：378px 即 70%。这是你问的吗？
@davedur 我同意 radouane，尝试添加 position: abosolute 并且效果很好：jsfiddle.net/gbefv/3