maui-devexpress-dot-maui-dot-charts-46c8d8bb.md
Synchronizes axis ranges of several charts.
Namespace : DevExpress.Maui.Charts
Assembly : DevExpress.Maui.Charts.dll
NuGet Package : DevExpress.Maui.Charts
public class ChartSynchronizer
The following members return ChartSynchronizer objects:
You can synchronize axis ranges of several charts to scroll and zoom these charts simultaneously. Synchronized axes should have the same scale type and the same ChartSynchronizer object assigned to the Synchronizer property.
This example makes axes of two charts change their ranges synchronously:
<ContentPage
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:dxc="clr-namespace:DevExpress.Maui.Charts;assembly=DevExpress.Maui.Charts"
xmlns:data="clr-namespace:ChartSample"
x:Class="ChartSample.MainPage">
<ContentPage.Resources>
<dxc:ChartSynchronizer x:Key="synchronizer"/>
</ContentPage.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="6*"/>
<RowDefinition Height="4*"/>
</Grid.RowDefinitions>
<dxc:ChartView Grid.Row="0" AxisXNavigationMode="ScrollingAndZooming">
<dxc:ChartView.AxisX>
<dxc:DateTimeAxisX Synchronizer="{StaticResource synchronizer}">
</dxc:DateTimeAxisX>
</dxc:ChartView.AxisX>
<dxc:ChartView.Series>
<dxc:LineSeries DisplayName="Close">
<dxc:LineSeries.Data>
<data:StockSeriesData ItemsSource="{Binding Prices}"/>
</dxc:LineSeries.Data>
</dxc:LineSeries>
</dxc:ChartView.Series>
</dxc:ChartView>
<dxc:ChartView Grid.Row="1" AxisXNavigationMode="ScrollingAndZooming">
<dxc:ChartView.AxisX>
<dxc:DateTimeAxisX Synchronizer="{StaticResource synchronizer}">
</dxc:DateTimeAxisX>
</dxc:ChartView.AxisX>
<dxc:ChartView.Series>
<dxc:BarSeries DisplayName="Volume">
<dxc:BarSeries.Data>
<data:VolumeSeriesData ItemsSource="{Binding Prices}"/>
</dxc:BarSeries.Data>
</dxc:BarSeries>
</dxc:ChartView.Series>
</dxc:ChartView>
</Grid>
</ContentPage>
System.Object ChartSynchronizer
YieldIfNotNull<ChartSynchronizer>()
See Also