All Demos / Charts / Chart Customization / Synchronized Charts

Blazor Synchronized Charts Example.

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

This demo showcases currency exchange rate history using synchronized charts with integrated crosshair, tooltip, and zooming functionalities. Interact with one chart to observe synchronized impacts across all charts.

In this demo, chart mouse events are leveraged to synchronize interactions across multiple charts. Public methods enhance seamless integration:

  • ShowTooltip method - Displays synchronized tooltip information
  • ShowCrosshair method - Displays synchronized crosshair indicators

The demo also features sophisticated Zooming capabilities through:

  • Consistent ZoomFactor settings across all chart axes
  • Uniform ZoomPosition values for coordinated zooming
  • Synchronized zoom interactions for unified data exploration

More information on user interactions can be found in this documentation section.