We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Spacing above and below numeric secondary axis

Thread ID:

Created:

Updated:

Platform:

Replies:

122091 Feb 16,2016 12:43 PM Jun 10,2016 12:54 AM Xamarin.Forms 3
loading
Tags: SfChart
David Conlisk
Asked On February 16, 2016 12:43 PM

Hi,

I am graphing a dataset over time, with each data point having values of 1, 2, 3, 4, 5, 6 or 7 only. My primary axis is a DateTimeAxis, and my secondary axis is defined as follows:

<chart:SfChart.SecondaryAxis>
       <chart:NumericalAxis ShowMinorGridLines="false" ShowMajorGridLines="true" Maximum ="7" Minimum="1" Interval="1" RangePadding="Normal">
       </chart:NumericalAxis>
</chart:SfChart.SecondaryAxis>
  

(with title, grid line style and strip lines removed for clarity).

With the above markup, the problem is that any data points on the 1 or 7 line have their marker (a circle) cut in half, as they are right on the edge of the graph (vertically).

On Android, when I made the minimum 0.75 and the maximum 7.25, it gave me a nice spacing around the data, and meant that data points on the 1 or 7 line, which are marked with a circle, were fully visible. However, on iOS this setup led to the major grid lines being at 1.25, 2.25, etc, instead of at 1, 2, etc.

Is there a way that I can ensure there is space above and below the data, while keeping the grid lines on 1, 2, 3, etc on both platforms? I've experimented with the RangePadding setting but I haven't managed to get it to work how I'd like it.

Thanks,

David

Mohamed Samsudeen K S [Syncfusion]
Replied On February 17, 2016 02:23 AM

Hi David,

Thanks for contacting Syncfusion support.

It is possible to achieve spacing in both DateTime and Numerical axis using PlotOffset property as shown below.


<chart:SfChart.PrimaryAxis>

    <chart:DateTimeAxis PlotOffset="20"/>

</chart:SfChart.PrimaryAxis>


<chart:SfChart.SecondaryAxis>

    <chart:NumericalAxis PlotOffset="20"/>
</chart:SfChart.SecondaryAxis>


We have created a sample, please find it in the below link.

SimpleSample

Regards,
Samsudeen K S

David Conlisk
Replied On June 9, 2016 06:50 AM

Hi,

Sorry for the delay. This works great - thanks!

David

Saravana Pandian Murugan [Syncfusion]
Replied On June 10, 2016 12:54 AM

Hi David,

Thanks for your update. We are glad to know that your issue is resolved. Please get back to us if you need any further assistance.

Thanks,
Saravana Pandian M.


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;