Charts / Chart Customization / Synchronized Charts

Blazor Synchronized Charts Example.

Loading Syncfusion Blazor Server Demos…

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.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE