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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Axis labels disappear when you zoom into the graph on iOS

Thread ID:





124637 Jun 20,2016 11:24 AM UTC Jun 21,2016 10:43 AM UTC Xamarin.Forms 1
Tags: SfChart
David Conlisk
Asked On June 20, 2016 11:24 AM UTC

Hi all,

See the attached screenshots. When the graph loads, the axis labels are there as expected. When I double-tap to zoom into the graph, the labels disappear. Ideally there would always be at least one label visible on the axis at all times regardless of zoom level.

Here is my code to define the graph (below). Any ideas? This issue is with iOS only, it works as expected on Android devices.



    <chart:SfChart x:Name="Chart" Grid.Column="0" Grid.Row="0">

                    <local:BssGraphViewModel />

                    <chart:ChartZoomPanBehavior EnableZooming="true" EnablePanning="true" EnableDoubleTap="true" EnableSelectionZooming="false" ZoomMode="X"/>

                    <chart:DateTimeAxis ShowMajorGridLines="false" RangePadding="Round" EdgeLabelsDrawingMode="Shift" IntervalType="Days" Interval="1">
                            <chart:ChartAxisTitle Text ="Date"/>
                            <chart:ChartAxisLabelStyle LabelFormat = "dd MMM HH:mm"></chart:ChartAxisLabelStyle>

                    <chart:NumericalAxis ShowMinorGridLines="false" ShowMajorGridLines="true" Maximum ="7" Minimum="1" Interval="1" PlotOffset="20">
                            <chart:ChartAxisTitle Text ="Bristol Stool Chart Value"/>
                            <chart:ChartLineStyle StrokeDashArray="{StaticResource strokeDashArray}" StrokeWidth="2"/>
                            <chart:NumericalStripLine Start="1" Width ="1" Text="Not so good" FillColor="#99EA594D"/>
                            <chart:NumericalStripLine Start="2" Width ="1" Text="Not bad" FillColor="#99E99040"/>
                            <chart:NumericalStripLine Start="3" Width ="1" Text="Good" FillColor="#994FD480"/>
                            <chart:NumericalStripLine Start="4" Width ="1" Text="Good" FillColor="#994FD480"/>
                            <chart:NumericalStripLine Start="5" Width ="1" Text="Not bad" FillColor="#99E99040"/>
                            <chart:NumericalStripLine Start="6" Width ="1" Text="Not so good" FillColor="#99EA594D"/>

                    ItemsSource="{Binding DataPoints}"
                    Label="stool quality">
                          <x:Array Type="{x:Type x:Double}">
                            <chart:ChartDataMarker ShowLabel="false" ShowMarker="True" MarkerType="Ellipse" MarkerColor="#5A5A5A" MarkerWidth="20" MarkerHeight="20"></chart:ChartDataMarker>


Attachment: Screenshots_6243baac.zip

Gobi M [Syncfusion]
Replied On June 21, 2016 10:43 AM UTC

Hi David Conlisk,

We considered this “Axis labels disappear when you zoom the chart” as an issue and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates. 

Gobi M 


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.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

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