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.

Axis labels disappear when you zoom into the graph on iOS

Thread ID:

Created:

Updated:

Platform:

Replies:

124637 Jun 20,2016 07:24 AM Jun 21,2016 06:43 AM Xamarin.Forms 1
loading
Tags: SfChart
David Conlisk
Asked On June 20, 2016 07:24 AM

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.

Thanks,

David

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

                <chart:SfChart.BindingContext>
                    <local:BssGraphViewModel />
                </chart:SfChart.BindingContext>

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

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

                <chart:SfChart.SecondaryAxis>
                    <chart:NumericalAxis ShowMinorGridLines="false" ShowMajorGridLines="true" Maximum ="7" Minimum="1" Interval="1" PlotOffset="20">
                        <chart:NumericalAxis.Title>
                            <chart:ChartAxisTitle Text ="Bristol Stool Chart Value"/>
                        </chart:NumericalAxis.Title>
                        <chart:NumericalAxis.MajorGridLineStyle>
                            <chart:ChartLineStyle StrokeDashArray="{StaticResource strokeDashArray}" StrokeWidth="2"/>
                        </chart:NumericalAxis.MajorGridLineStyle>
                        <chart:NumericalAxis.StripLines>
                            <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"/>
                        </chart:NumericalAxis.StripLines>
                    </chart:NumericalAxis>
                </chart:SfChart.SecondaryAxis>

                <chart:SfChart.Series>
                    <chart:FastLineSeries
                    ItemsSource="{Binding DataPoints}"
                    XBindingPath="ChosenDate"
                    YBindingPath="BssValue"
                    EnableDataPointSelection="false"
                    LegendIcon="SeriesType"
                    Color="#5A5A5A"
                    Label="stool quality">
                        <chart:FastLineSeries.StrokeDashArray>
                          <x:Array Type="{x:Type x:Double}">
                            <x:Double>2</x:Double>
                            <x:Double>2</x:Double>
                         </x:Array>
                        </chart:FastLineSeries.StrokeDashArray>
                        <chart:FastLineSeries.DataMarker>
                            <chart:ChartDataMarker ShowLabel="false" ShowMarker="True" MarkerType="Ellipse" MarkerColor="#5A5A5A" MarkerWidth="20" MarkerHeight="20"></chart:ChartDataMarker>
                        </chart:FastLineSeries.DataMarker>

                    </chart:FastLineSeries>
                </chart:SfChart.Series>
            </chart:SfChart>

Attachment: Screenshots_6243baac.zip

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

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. 

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents
                                                                                                                                   
Regards,
Gobi 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.

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.

;