D3图表增长但在flex div

Question

此处存在类似问题：GWT Google Charts grow but don't shrink

我有一个设置为响应的d3图表。如果它在flexbox布局中，它将会增长，但不会缩小。请参阅此codepen中的代码：

https://codepen.io/bentedder/pen/NyeQXd

body {
  display: flex;
}
.chart-wrap {
  flex: 1;
  flex-basis: 100%;
}
.chart {
  background: #efefef;
}

<div class="chart-wrap">
  <div class="chart"></div>
</div>