하이 차트 상위 50 %의 높이 100 %

Question

차트는 부모 부모 높이의 전체 높이를 자동으로 설정합니다. Totaly는 부모 높이를 무시합니다.

HTML :

<div class="wrapper"> 
    <div class="huj2"> 
    <div class="huj"> 
     bla bla 
    </div> 
    <div class="huj"> 
     <div id="ChartContainer2"> 
     //Chart is here 
     </div> 
    </div> 
    </div> 
</div> 

CSS :

#ChartContainer2 { 
    width: 100%; 
} 

.huj { 
    height: 50%; 
    position: relative; 
} 

.huj2 { 
    height: 100%; 
} 

.wrapper { 
    position: fixed; 
    height: 100%; 
    width: 100%; 
} 

바이올린 - http://jsfiddle.net/a40a0bjy/17/

Answer 1

100 % 당신의 높은 차트 컨테이너 높이를주고 그것을 작동합니다. 아래는 당신의 바이올린의 코드 솔루션입니다.

#ChartContainer2 { 

    width: 100%; 
    height:100% ; 

}