Why is my graph turning out like this?

[Topsy K]

Hi

Im creating a SF area chart in Xamarin forms using Syncfusion.

I cant figure out why the category on the X axis is not showing fully.

If there were 4 categories, the last one always gets cut in half.

https://ibb.co/FKZnQYz

You can view the photo there.

Any idea's please?

[Geetha Rajendran]

Hi Topsy, 

  

You can avoid the edge label cut off by using any of the below solutions. 

  

Solution 1: 

Solve by setting PlotOffset property to apply padding to the plot area which is available in ChartAxis. Please refer the below code. 

    

Code snippet[C#]: 

<chart:SfChart.PrimaryAxis> 

    <chart:CategoryAxis PlotOffset="10"> 

    </chart:CategoryAxis> 

</chart:SfChart.PrimaryAxis> 

  

UG link - https://help.syncfusion.com/xamarin/sfchart/axis#common-axis-features 

  

Screenshot: 

 

  

Solution 2: 

By setting LabelPlacement as BetweenTicks to place the axis labels between the ticks to avoid the label cut off. Please refer the below code. 

  

Code snippet[C#]: 

<chart:SfChart.PrimaryAxis> 

    <chart:CategoryAxis LabelPlacement="BetweenTicks" > 

    </chart:CategoryAxis> 

</chart:SfChart.PrimaryAxis> 

  

UG link - https://help.syncfusion.com/xamarin/sfchart/axis 

  

Screenshot: 

 

  

Please refer the below KB: 

https://www.syncfusion.com/kb/10728/how-to-view-corner-segments-without-cutting-in-edge-of-chart 

  

Sample – https://www.syncfusion.com/downloads/support/directtrac/147737/ze/147737-sample-1920859350.zip 

  

Regards, 

Geetha R. 

[Topsy K]

This worked Geetah. Thank you

[Suyamburaja Jayakumar]

Hi Topsy K,  

  

We are glad to hear that your requirement has been achieved.  

  

Please let us know if you need any further assistance on this.  

  

Regards,  

Suyamburaja J.