我在渲染时遇到图表高度问题。
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/
答案 0 :(得分:1)
styleContainer in style add position:absolute;
<div id="containerContainer" style="position: absolute; width: 960px; height: 540px; margin: 0px;">