Highcharts 具有 50% 高度的父级的 100% 高度

RaS*_*She 0 css highcharts

图表自动设置父母父母身高的全高。Totaly 忽略了他父母的身高。

网址:

<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>
Run Code Online (Sandbox Code Playgroud)

CSS:

#ChartContainer2 {
  width: 100%;
}

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

.huj2 {
  height: 100%;
}

.wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

小提琴 - http://jsfiddle.net/a40a0bjy/17/

Sah*_*hir 5

将您的高图表容器高度设置为 100%,它将起作用。以下是您的小提琴的代码解决方案。

#ChartContainer2 {

  width: 100%;
  height:100% ;

}
Run Code Online (Sandbox Code Playgroud)