How can I keep the axis interval constant while zooming UWP Chart?

This article explains how to maintain a specific interval on the axis while zooming in a UWP chart.

To maintain a specific interval on the axis while zooming a UWP chart, you can use the EnableAutoIntervalOnZooming property of the chart axis and set it to false.

Additionally, you can add the ChartZoomPanBehavior to the charts’ behavior collection and set the desired interval (in this case, 5) on the axis. This will ensure that the axis interval remains consistent during zoom operations.

The following code sample demonstrates this implementation.

[Xaml]

<chart:SfChart>
 
    <chart:SfChart.Behaviors>
        <chart:ChartZoomPanBehavior />
    </chart:SfChart.Behaviors>
            
    <chart:SfChart.PrimaryAxis>
        <chart:NumericalAxis Interval="5" EnableAutoIntervalOnZooming="False"/>
    </chart:SfChart.PrimaryAxis>
 
    <chart:SfChart.SecondaryAxis>
        <chart:NumericalAxis />
    </chart:SfChart.SecondaryAxis>
 
    <chart:ColumnSeries ItemsSource="{Binding Data}"
                        XBindingPath="XValue"
                        YBindingPath="YValue"/>
</chart:SfChart>

By setting this code sample, the chart will maintain the interval of 5 even when zooming.

Download the complete sample in GitHub

Output:

Before zooming, the x-axis interval is 5, and the y-axis interval is 20.

After zooming, the x-axis maintains the same interval, but the y-axis interval has changed.

See Also

How to reset zooming in WPF Chart (SfChart)?

How to zoom a chart programmatically?

How to set zoom and pan position for WPF Chart (SfChart)?