Overlapping lables on chart x-axis

I get overlapping labels on the x-axis of one of my graphs. What can I do to prevent this? Is there a way to decrease the number of labels so that they do not overlap?

Here is the XAML-snippert where I define the graph:

<Charting:Chart Height="300" DataContext="{Binding SelectedBuddy}" ZoomMode="Horizontal">                            
        		<Charting:Chart.YAxis>
        			<Charting:ChartAxis 
                        ActualMaximum="{Binding Measurements, ConverterParameter=Weight, Converter={StaticResource MeasurementMaxRangeConverter}}" 
        				ActualMinimum="{Binding Measurements, ConverterParameter=Weight, Converter={StaticResource MeasurementMinRangeConverter}}" 
        				LabelFormat="{}{0:0.}" />
        		</Charting:Chart.YAxis>
        		<Charting:Chart.XAxis>
        			<Charting:ChartAxis LabelFormat=" {0:d MMM }"
                                        Minimum="{Binding Measurements, ConverterParameter=4, Converter={StaticResource GraphDateRangeBeginSelectorConverter}}" 
                                        Maximum="{Binding Measurements, Converter={StaticResource GraphDateRangeEndSelectorConverter}}"/>
        		</Charting:Chart.XAxis>
        		<Charting:SplineSeries 
        			XBinding="{Binding Date}"
        			YBinding="{Binding Weight}" 
        			ItemsSource="{Binding Measurements}" Title="Weight" SelectionMode="None">
        			<Charting:SplineSeries.Resources>
        				<Style x:Key="GraphLineStyle" TargetType="Path">
        					<Setter Property="StrokeThickness" Value="3"/>        					
        				</Style>
        			</Charting:SplineSeries.Resources>
        			<Charting:SplineSeries.SeriesBrush>
        				<StaticResource ResourceKey="PhoneAccentBrush"/>
        			</Charting:SplineSeries.SeriesBrush>
        			<Charting:SplineSeries.LineStyle>
        				<StaticResource ResourceKey="GraphLineStyle"/>
        			</Charting:SplineSeries.LineStyle>
        		</Charting:SplineSeries>
        	</Charting:Chart>  

Hello

There are a couple of options here.
1) You could set the LabelLevelCount property on the X axis to be 2. This allows for 2 rows of labels under the X axis where adjacent labels are put into a different row.
2) Set the MajorTickSpacing property on the X axis to control the logical distance between the tick marks and labels. Use a value that is suitable for your data range that allows enough space for the labels.

Let me know if any of these solutions don't work out for you.

Cheers

 - Jason

Thank you for your reply.

Both options only offer a partial solution in my case, but I might be doing something wrong.

My users highly varying datasets: some have only a few entries in, say, the last six months, while others have many. 

In that case, some would only need a level-count of 1, while others, say 4.

The same applies to the MajorTickSpacing, a particular tick spacing of x looks good on dataset A, while it looks absolutely horrific on dataset B and vice versa.

Of course, I could try to derive an algorithm to determine the optimal MajorTickSpacing, but I was hoping for something simpler.

Best regards,

Manfred

MajorTickSpacing 0

Dataset A

Dataset B

MajorTickSpacing 3

Dataset A

Dataset B

Hello

I have now added a LabelStep property to the ChartAxis. This can be used to specify if any of the axis labels should be skipped. By default, the property value is 0 which lets the ChartAxis automatically choose an appropriate label step which helps to prevent label overlaps. So you don't even need to set it. It's not perfect, but from what I can see from your images, it will work well in your application. This update will be available through the nightly builds from tomorrow the 30th of March.

Let me know how it goes.

 - Jason

Works very well!

Thank you,

Manfred