How to increase Chart.js yAxes' height to prevent overlapping

Question

overlapping problem How to config the chart.js (using react-chartjs-2) to prevent the overlapping problem. I have changed the barThickness and caused the overlapping. Which property can be used to change the group/category(?) height to prevent this problem?

Answer 1

Have you tried using the barPercentage Configuration?

  options: {
     indexAxis: 'y',
        barPercentage :0.5
    }
 }