Highcharts 100% высота родителя, высота которого 50%

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%; 
} 

Fiddle - http://jsfiddle.net/a40a0bjy/17/

Answer 1

Дайте высокую диаграмму высоту контейнера на 100%, и он будет работать. Ниже приведено кодовое решение вашей скрипки.

#ChartContainer2 { 

    width: 100%; 
    height:100% ; 

}