How to add space between axis title and labels in UWP Charts?

This article explains how to adjust the distance between axis labels and the axis title in UWP SfCharts. This can be achieved by using the LabelExtent property of the chart axis.

Step 1: To increase the space between the X-axis labels and title, set the LabelExtent property of the primary axis. This will push the axis title further away from the axis labels.

<syncfusion:SfChart Header="Project Cost Breakdown" >
   
    <syncfusion:SfChart.PrimaryAxis>
        <syncfusion:CategoryAxis Header="Project" LabelExtent="300" />
    </syncfusion:SfChart.PrimaryAxis>

    <syncfusion:SfChart.SecondaryAxis>
        <syncfusion:NumericalAxis Header="Cost" />
    </syncfusion:SfChart.SecondaryAxis>

    <syncfusion:BarSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue" ShowTooltip="True" >
    </syncfusion:BarSeries>

</syncfusion:SfChart>

Output

Step 2: Similarly, to increase the space between the Y-axis labels and title, set the LabelExtent property of the secondary axis.

<syncfusion:SfChart Header="Project Cost Breakdown" >
 
    <syncfusion:SfChart.PrimaryAxis>
        <syncfusion:CategoryAxis Header="Project" />
    </syncfusion:SfChart.PrimaryAxis>

    <syncfusion:SfChart.SecondaryAxis>
        <syncfusion:NumericalAxis Header="Cost" LabelExtent="300" />
    </syncfusion:SfChart.SecondaryAxis>

    <syncfusion:BarSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue" ShowTooltip="True" >
    </syncfusion:BarSeries>

</syncfusion:SfChart>

Output

Conclusion

I hope you enjoyed learning about how to add space between axis title and labels in the UWP Chart.

You can refer to our UWP Chart’s feature tour page to know about its other groundbreaking feature representations. You can also explore our UWP Chart’s documentation to understand how to present and manipulate data.

For current customers, you can check out our WinForms components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our UWP Charts and other UWP components.

If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!