How to resize Morris.js chart on changes to container dimensions
<p>I try to put Morris js donut chart in the flex container with 2 flex items, I expect that chart in flex: 1  container will resize, but it does not. Does anyone know how to make the chart to be responsive in flex item?</p>

<p>Here is my example <a href="http://jsfiddle.net/dkwtd16h/1/" rel="noreferrer">example</a>  try to resize it</p>

<p>JS:</p>

<pre><code>$(function () {
    Morris.Donut({
        element: 'container',
        resize: true,
        data: [
            {label: "Download Sales", value: 12},
            {label: "In-Store Sales", value: 30},
            {label: "Mail-Order Sales", value: 20}
        ]
    });
</code></pre>

<p>CSS:</p>

<pre><code>html, body {
height: 100%;
margin: 0;
}

body {
    display: -webkit-flex;
}

#container {
  flex: 1;
}

.flex1 {
  flex: 1;
  border: 1px solid red;
}
</code></pre>