title: How to resize Morris.js chart on changes to container dimensions
body: <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>