title: Chart js size and placement
body: <p>I am currently working on a project where I need to display some values in a graph. I have been looking at Chart.js and created two simple charts displaying temperature and humidity. My problem is that I can not get the two charts next to each other. As now it only displays above one another.</p>
  
  <p>I have tried using flexbox with flexGrow set to 1 and other values, but I would like them to scale up next to each other with the same size.</p>
  
  <pre><code>    &lt;div style={{display: "flex"}}&gt;
        &lt;Temperature chartDataTemperature={this.state.chartDataTemperature} legendPosition="bottom" /&gt;
      &lt;/div&gt;
      &lt;div style={{display: "flex"}}&gt;
      &lt;Humidity chartDataHumidity={this.state.chartDataHumidity} legendPosition="bottom"/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>With this code the charts are displayed on top of each other.</p>
  
  <p>I have also tried putting both charts inside the same div but it does not look right.</p>
  
  <p>I have added my project to GitHub if anyone would take a look.
  <a href="https://github.com/henrik3/logg" rel="nofollow noreferrer">https://github.com/henrik3/logg</a></p>