차트의 하이 차트 계산 된 높이가 잘못되었습니다.

렌더링시 차트 높이에 문제가 있습니다.차트의 하이 차트 계산 된 높이가 잘못되었습니다.

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가 아니라 70 %.

이

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

진정으로 이상한 일이있다 : -

var highchart = new Highcharts.Chart(chartObj);

이 chartObj의 관련 부분이 무엇

JS :

나는이 방식으로 차트를 인스턴스화하고있어 차트를 인스턴스화하기 직전에 containerDiv w/jquery의 높이를 378px의 예상 결과와 함께 로그 아웃합니다.

문제가 재현되지는 않지만 여기에 설명 된 설정과 연결된 바이올린 링크가 있습니다. http://jsfiddle.net/gbefv/2/

출처

2014-01-07 dabedur

스타일의 컨테이너 추가 위치 추가 : 절대;

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

출처

2014-01-07 20:15:28 radouane

#containerContainer는 이미 절대적으로 위치합니다. 그것을 반영하기 위해 원래의 질문을 업데이트했습니다. 좋은 제안 그러나 .. – dabedur

귀하의 코드에 http://jsfiddle.net/gbefv/2/ containerContainer 절대 입장이 없어. 내가 containerContainer에 절대 위치를 추가하면 $ ('containerDiv'). height()가 반환됩니다 : 378px 일명 70 %. 네가 물어 보는거야? – radouane

@davedur 나는 radouane에 동의하며'position : abosolute'를 추가하려고 시도했으며 완벽하게 작동합니다 : http://jsfiddle.net/gbefv/3/ –

차트의 하이 차트 계산 된 높이가 잘못되었습니다.

답변

관련 문제