Blazor Toolkit
Multiple Axes

Multiple axes allow different datasets to be visualized within a single Chart using independent value ranges and units. Add multiple axes to the Chart by using the ChartAxis component. In this sample, temperature readings are displayed in both Fahrenheit and Celsius. The primary Y-axis represents Fahrenheit values, while a secondary opposed Y-axis displays Celsius values (configured by setting OpposedPosition="true"). Each series is explicitly bound to its corresponding axis using the YAxisName property to ensure accurate scaling and clarity.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.