Highcharts 展开后无法正确调整大小

Question

出于某种原因，一旦您展开 window，图表就无法正确缩小。您应该仍然能够看到红色垫片。

我这里举了个例子：https://jsfiddle.net/bryaan/pjyzxbdu/10/

  <div class="table-row">
    <div class="table-cell">
      <div id="container"></div>
    </div>
    <div class="table-cell">
      <div class="spacer"></div>
    </div>
  </div>

.table-row {
  display: flex;
  margin 10px;
}
.table-cell {
  width: 100%;
  height: 100%;
  min-height: 100px;
}
.spacer {
  width: 100%;
  height: 100px;
  background-color: red;
}

Answer 1

如果你想实现两个相等的框集display:flex为父项并添加子项width: 50%。

.flex {
  display: flex;
}
#container {
  width: 50%;
}
.spacer {
  width: 50%;
  height: 500px;
  background-color: red;
}

演示：https://jsfiddle.net/BlackLabel/46o7venk/

Highcharts 展开后无法正确调整大小

Highcharts doesn't resize properly once expanded

highcharts