Chart.js, how to reduce space between labels and bars (horizontal bar chart)

Question

I am trying to find an option within chart.js that allows me to modify the space between bars and labels, but so far have been unsuccessful. I have tried the options under https://www.chartjs.org/docs/latest/charts/bar.html.

Answer 1

You can use ticks.padding to define the offset of the tick labels from the axis. In you case, it needs to be defined inside the options.scales.yAxis as follows:

options: {
  scales: {
    yAxes: [{
      gridLines: {
        drawTicks: false
      },
      ticks: {
        padding: 5
      }
    }],