title: Remove Chart.js chart padding
body: <p>See this codepen:</p>
  
  <p><a href="https://codepen.io/anon/pen/xgwjMd" rel="nofollow noreferrer">https://codepen.io/anon/pen/xgwjMd</a></p>
  
  <p>I've set the canvas width to 100%, and padding to 0, but there seems to be some intrinsic padding at work in chart.js. I've had a look through the documentation but I can't see any references to padding other than things like label padding.</p>
  
  <p>I've tried editing it through the CSS, but that doesn't seem to be causing the problem.</p>
  
  <pre><code>canvas {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
  }
  </code></pre>
  
  <p>So its probably a javascript canvas rendering parameter issue.</p>
  
  <p>Having no control over this padding makes designing a usable responsive site a complete pain.</p>
  
  <p>If there isn't a solution to this, does anyone have any suggestions for alternative javascript charting packages that are good for responsive sites?</p>
  
  <p>I have experience with d3, but that seems like overkill for a simple pie chart.</p>