Docking the Axis inside the chart

[Alessandro Del Sole]

Hi, I'm porting a native iOS app written in Swift to Xamarin.Forms and I'm using the SfChart control to render charts, and I'm happy with it.

Now, I'm facing a problem with the porting and I was wondering if what I need to do is possible in the SfChart. As you can see in the attached image, the original app has a chart where the axis with the three numbers is always docked at the right, but inside the chart area. This means the chart can scroll, while the axis is always docked and visible to the user.

Is it possible to achieve this with SfChart? Thanks in advance.

Attachment: chart_axis_4c614675.zip

[Divya Venkatesan]

Hi Alessandro, 

 

Thanks for using Syncfusion products. 

 

You can dock the Y axis inside the chart area by setting LabelsPosition as Inside as shown in the code snippets below. 

 

Code snippet: 

 

<chart:NumericalAxis x:Name="seriesYAxis" Maximum="300" Minimum="50" Interval="50" LabelCreated="NumericalAxis_LabelCreated" OpposedPosition="True"> 

    <chart:NumericalAxis.LabelStyle> 

        <chart:ChartAxisLabelStyle LabelsPosition="Inside"/> 

    </chart:NumericalAxis.LabelStyle> 

</chart:NumericalAxis> 

 

 

We have prepared a sample for this which can be downloaded from the following link. 

 

Sample: http://www.syncfusion.com/downloads/support/forum/136328/ze/AxisSample819337163  

 

Please get back to us if you need any further assistance. 

 

Regards, 

Divya Venkatesan