title: Can't resize react-chartjs-2 doughnut chart
body: <p>I am trying to make a doughnut chart with react and gatsbyjs.
  The chart works fine but I can not get it to use the full width of the div. It displays too small for the area reserved.</p>
  
  <pre><code>render (){
      return (
  
              &lt;Doughnut 
                  data={this.state.chartData}
                  options={{
                      padding:"0px",
                      responsive:false,
                      maintainAspectRatio:false,
                      defaultFontSize:"14px",
                      width:"400",
                      height:"400",
                      legend:{
                          display:false,
                      },
                      plugins:{
                          datalabels: {
                              color:'#000000',
                              anchor: "start",
                              align:"end",
                              formatter: function(value, context) {
                                      return context.chart.data.labels[context.dataIndex];
              }
                          }
                      } 
                  }}
                  /&gt;
  
  
          )
  
  }
  </code></pre>