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

Question

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

containerDiv的父div的设置宽度/高度为960px / 540px，位置为：absolute。

CSS -

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

在最新的highcharts.src.js中计算的containerDiv的高度值 - 大约。在11285行 - 正在使用jquery的.height（）函数并返回：448px即约。 540％的83％，而不是378px a.k.a 70％。

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

JS -

var highchart = new Highcharts.Chart(chartObj);

这就是chartObj的相关部分：

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

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

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

Answer 1

styleContainer in style add position：absolute;

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