Version

Chart Synchronization

In UltraDataChart™ control, synchronization is the coordination of zooming, panning and crosshairs events between multiple charts. Multiple chart controls can be synchronized horizontally (along X-Axis), vertically (along Y-Axis), or both. If you want to synchronize a set of charts, assign them the same name to the SyncChannel property and then specify whether or not synchronize chart horizontally and/or vertically.

Synchronization Properties

Property Name Type Description

string

Determines identifier of synchronization channel for linking multiple chart controls

bool

Determines wheter or not synchronize vertically chart controls that linked to the sync. channel

bool

Determines wheter or not synchronize horizontally chart controls that linked to the sync. channel

Code Example

The following sample code shows all possible synchronization combinations between four UltraDataChart controls. The first chart is synchronized horizontally and vertically with second and third charts respectively. The forth chart is not synchronized with any of the other charts.

In Visual Basic:

DataChart1.SyncChannel = "syncGroup1"
DataChart1.SynchronizeHorizontally = true
DataChart1.SynchronizeVertically = true

DataChart2.SyncChannel = "syncGroup1"
DataChart2.SynchronizeHorizontally = false
DataChart2.SynchronizeVertically = true

DataChart3.SyncChannel = "syncGroup1"
DataChart3.SynchronizeHorizontally = true
DataChart3.SynchronizeVertically = false

DataChart4.SyncChannel = "syncGroup1"
DataChart4.SynchronizeHorizontally = false
DataChart4.SynchronizeVertically = false

In C#:

DataChart1.SyncChannel = "syncGroup1";
DataChart1.SynchronizeHorizontally = true;
DataChart1.SynchronizeVertically = true;

DataChart2.SyncChannel = "syncGroup1";
DataChart2.SynchronizeHorizontally = false;
DataChart2.SynchronizeVertically = true;

DataChart3.SyncChannel = "syncGroup1";
DataChart3.SynchronizeHorizontally = true;
DataChart3.SynchronizeVertically = false;

DataChart4.SyncChannel = "syncGroup1";
DataChart4.SynchronizeHorizontally = false;
DataChart4.SynchronizeVertically = false;

The following image shows four UltraDataChart controls with all possible synchronization combinations and what happens when a user attempts to zoom in to specific area of the first chart’s plot area.

xamDataChart RT Chart Synchronization 01.png

Related Content