title: Chart,js Pie Chart can the gap between a pie chart and the legend be adjusted
body: <p>I have a pie chart using chart.js in my Ionic 4 / Angular application, with the following options...</p>
  
  <pre><code>        let options : ChartOptions = {
            responsive: true,
            maintainAspectRatio: false,
            legend: {
              position: 'bottom',
              labels: {
                boxWidth: 20
              }
            },
  </code></pre>
  
  <p>My chart looks like the following, but I would like the gap as shown below to be smaller, ie the legend closer to the pie chart.</p>
  
  <p><a href="https://i.stack.imgur.com/n2anK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n2anK.png" alt="enter image description here"></a></p>
  
  <p>Is there any way to reduce this gap?</p>
  
  <p>Thanks in advance</p>
  
  <p><strong>[EDIT1]</strong></p>
  
  <p>I have just noticed it is due to the size of my view port. For example, on a phone screen...</p>
  
  <p><a href="https://i.stack.imgur.com/w5tHh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w5tHh.png" alt="enter image description here"></a> </p>
  
  <p>Now if I make the vie responsive, and stretch the view, I can see the legend always stick to the <strong>bottom of the view</strong>, so when stretched to the chart is large the legend is now closer...</p>
  
  <p><a href="https://i.stack.imgur.com/lLY55.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lLY55.png" alt="enter image description here"></a></p>
  
  <p>So, the legend us "docked" to the bottom of the view</p>