Configure space between axist title and axis texts

Hi,

Is there any posibility  in the chart control to change the espace between the axis title and the axis texts?

I`ve e searched in the help but I have not found any reference to configure this


Regards


Gaspar




3 Replies

SB Swetha Babu Syncfusion Team April 26, 2022 05:58 AM UTC

Hi Gaspar,


Greetings from Syncfusion.


As of now, we do not have support to configure space between the axis title and axis labels. Kindly, revert us if you have any concerns.


Regards,

Swetha



SH Steve Hanson December 19, 2025 12:19 AM UTC

Has this ever been addressed? I am also in need of a solution in being able to position the X axis title to be below the graph. It's currently overlapping the graph when the labels have been rotated 90 degrees. I cannot alter the ID (

#chartContainerLocation_AxisTitle_0) with any form of CSS to re-position it. Location-SF-chart.png



DG Durga Gopalakrishnan Syncfusion Team December 22, 2025 12:47 PM UTC

Steve,


You can add space between the axis title and axis labels using the titlePadding property. For your reference, we’ve attached a sample and a screenshot.


  primaryXAxis: {           

            titlePadding : 20,

            titleRotation : 90,

}



Sample : https://stackblitz.com/edit/cm8es7xh?file=src%2FApp.vue


API : https://ej2.syncfusion.com/vue/documentation/api/chart/axismodel#titlepadding


Please let us know if you have any concerns.


Loader.
Up arrow icon