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
