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

时间:2014-01-07 19:37:14

标签: jquery highcharts height

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

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/

1 个答案:

答案 0 :(得分:1)

styleContainer in style add position:absolute;

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