Charts / Chart Axes / Multiple Axis

Blazor Chart with Multiple Axis Example.

Loading Syncfusion Blazor Server Demos…

This example demonstrates how to use multiple axes in a chart to depict and compare temperature data for different regions (Washington and Texas).

In this example, you can see how to render and configure multiple axes in a single chart. Use the Axes collection to render a secondary axis that can be:

  • Bound to specific series using the YAxisName property
  • Bound to specific series using the XAxisName property
  • Customized with the same styling options available for the primary axis

Tooltip is enabled in this example. To see tooltip information, hover over a data point or tap on one on touch-enabled devices.

More information about multiple axes 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