How to increase the spacing between labels and the chart

0
votes

How can we increase the spacing between the x-axis and the chart in chartjs

so far

 options: {
                responsive: true,
                maintainAspectRatio: false,
                scales: {
                    xAxes: [
                        {
                        ticks: { display: true },
                        gridLines: {
                            display: true,
                            drawBorder: false,
                            drawTicks: false,
                            // color: "#fff",   
                        },
                        
                    }],
}

enter image description here

1
javascriptreactjschart.js
Does this helps? (Look for padding) chartjs.org/docs/latest/axes/styling.html#tick-configuration - Bruno Monteiro
That actually works, thanks fam @BrunoMonteiro - bihire boris
Added as a proper answer to follow the correct SO process :) - Bruno Monteiro

1 Answers

1
votes

Just apply the padding attribute available in the axes styling:

https://www.chartjs.org/docs/latest/axes/styling.html#tick-configuration