title: How to increase space between label and chart area in chart.js
body: <p>All my labels are on the top of the bars. I can see this
  <a href="https://i.stack.imgur.com/F2ItI.png" rel="nofollow noreferrer">this image</a></p>
  <p>but I want that would be like this
  <a href="https://i.stack.imgur.com/xZbSE.png" rel="nofollow noreferrer">this image</a>
  padding doesn't work for xAxes, but works for yAxes</p>
  <pre><code>    legend: {display: false},
      scales: {
        xAxes: [{
          position: 'top',
          stacked: true,
          ticks: {
            stepSize: 1,
            min: 0,
            autoSkip: false,
            fontColor: '#3f7ba2',
            fontStyle: 600,
            fontFamily: 'Italic',
          },
          gridLines: {
            color: '#dedfe7',
            tickMarkLength: 0,
          }
        }],
        yAxes: [{
          stacked: true,
          ticks: {
            min: 0,
            fontColor: '#62aae8',
            padding: 5
          },
          gridLines: {
            color: '#dedfe7' //b5cce2
          }
        }],
      }
  </code></pre>