Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

AxisBase.Synchronizer Property

Gets or sets an object that synchronizes ranges of axes in several charts. This is a bindable property.

Namespace: DevExpress.Maui.Charts

Assembly: DevExpress.Maui.Charts.dll

NuGet Package: DevExpress.Maui.Charts

#Declaration

C#
public ChartSynchronizer Synchronizer { get; set; }

#Property Value

Type Description
ChartSynchronizer

The object that synchronizes ranges of axes in several charts.

#Example

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>
See Also