title: Chart.js - Increase spacing between bottom legend and chart
body: <p>i'm trying to achieve something like <a href="https://stackoverflow.com/questions/42585861/chart-js-increase-spacing-between-legend-and-chart">this</a> but with legend on bottom.
  When i try adding it at most i can get something like this:  <a href="https://i.stack.imgur.com/LtEvH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LtEvH.png" alt="enter image description here"></a></p>
  
  <p>i'm considering separating legend to another div like </p>
  
  <pre><code>&lt;div id="js-legend" class="chart-legend"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>but it would be nice to achieve it with the former solution.</p>
  
  <p>Thanks in advance for the help</p>