<UserControlx:Class="Wpf.CartesianChart.ZoomingAndPanning.ZoomingAndPanning"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:local="clr-namespace:Wpf.CartesianChart"xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"xmlns:zoomingAndPanning="clr-namespace:Wpf.CartesianChart.ZoomingAndPanning"mc:Ignorable="d"d:DesignHeight="300"d:DesignWidth="300"d:DataContext="{d:DesignInstance local:ZoomingAndPanning}"><UserControl.Resources><zoomingAndPanning:ZoomingModeCoverterx:Key="ZoomingModeCoverter"></zoomingAndPanning:ZoomingModeCoverter></UserControl.Resources><Grid><Grid.RowDefinitions><RowDefinitionHeight="Auto"></RowDefinition><RowDefinitionHeight="Auto"></RowDefinition><RowDefinitionHeight="*"></RowDefinition></Grid.RowDefinitions><TextBlockGrid.Row="0"TextWrapping="Wrap">
Use the Chart.Zoom property to enable zooming and panning, you have some options: None, X, Y and XY, click, hold and drag the chart for panning.
</TextBlock><StackPanelGrid.Row="1"><ButtonClick="ToogleZoomingMode"><TextBlock>Toggle zoming mode, current is:
<TextBlockText="{Binding ZoomingMode, Converter={StaticResource ZoomingModeCoverter}}"/></TextBlock></Button><ButtonClick="ResetZoomOnClick">Reset Zoom</Button></StackPanel><lvc:CartesianChartGrid.Row="2"Series="{Binding SeriesCollection}"Zoom="{Binding ZoomingMode}"><lvc:CartesianChart.AxisX><lvc:AxisName="X"LabelFormatter="{Binding XFormatter}"Separator="{x:Static lvc:DefaultAxes.CleanSeparator}"/></lvc:CartesianChart.AxisX><lvc:CartesianChart.AxisY><lvc:AxisName="Y"LabelFormatter="{Binding YFormatter}"/></lvc:CartesianChart.AxisY></lvc:CartesianChart></Grid></UserControl>