Add space between Chart axis label and Legend - Blazor SfChart

Check out this runnable sample for this question:

https://blazorplayground.syncfusion.com/VDrIjbZHxepDQtRw

How to add more space between Chart axis label and Legend?



3 Replies 1 reply marked as answer

DG Durga Gopalakrishnan Syncfusion Team August 7, 2025 11:07 AM UTC

Hi Ashish,


Thanks for using Syncfusion products.


We suggest you to specify margin top value for legend to add space between axis and legend. For your reference, we have attached the sample and screenshot.


<SfChart>

   <ChartLegendSettings Visible="true">

        <ChartLegendMargin Top="20"></ChartLegendMargin>

    </ChartLegendSettings>

</SfChart>




Sample : https://blazorplayground.syncfusion.com/BZhetPXwAxVCqtqn


API : https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.ChartLegendMargin.html


Please let us know if you have any concerns.


Regards,

Durga Gopalakrishnan.


Marked as answer

AK Ashish Khanal August 7, 2025 10:41 PM UTC

Thank you, Durga. That worked.



DG Durga Gopalakrishnan Syncfusion Team August 8, 2025 04:51 AM UTC

Most welcome. Please get back to us if you need any further assistance. We are always happy in assisting you.


Loader.
Up arrow icon