The chart in this example automatically adjusts to the full height of its parent, completely disregarding the height of its grandparent.
HTML:
<div class="wrapper">
<div class="huj2">
<div class="huj">
bla bla
</div>
<div class="huj">
<div id="ChartContainer2">
// The Chart goes here
</div>
</div>
</div>
</div>
CSS:
#ChartContainer2 {
width: 100%;
}
.huj {
height: 50%;
position: relative;
}
.huj2 {
height: 100%;
}
.wrapper {
position: fixed;
height: 100%;
width: 100%;
}
View on Fiddle - http://jsfiddle.net/a40a0bjy/17/