角度图。js未在flexbox中调整大小（shinking）

Question

看到小提琴了吗

https://jsfiddle.net/m942h0wm/6/

HTML

<div class="container" ng-app="app">
  <div class="main">
    <p>Main</p>
  </div>
  <div class="aside">
    <canvas class="chart chart-doughnut" 
        chart-data="[10,20,40]" 
        chart-labels="['one', 'two', 'three']">
    </canvas>
  </div>
</div>

CSS

.container {
  display: flex;
  flex-wrap: wrap;
}

.container>div {
  border: solid 10px;
}

.main {
  flex-grow: 2;
  flex-basis: 300px;
}

.aside {
  flex-grow: 1;
  flex-basis: 200px;
}

如果缩小窗口使布局弹到垂直位置，则当重新调整大小时，布局不会弹回来

还有其他人发现并解决了这个问题吗？

Answer 1

这不适用于我的折线图，我必须使用：

canvas
{
    width: 100% !important;
}

从https://github.com/jtblin/angular-chart.js/issues/614

Answer 2

我在这里找到了解决办法

当窗口变小时，灵活项不会收缩

min-width: 0;

关于项目：）