Blazor Toolkit
Axis Position

This sample demonstrates controlling axis positioning and orientation using inverted and opposed axis settings. By inverting the primary X‑axis by setting the IsInversed property to true and placing the Y‑axis on the opposite side by setting the OpposedPosition property to true, the Chart emphasizes categorical comparisons while improving readability in space‑constrained layouts. Axis interval formatting further enhances clarity when working with compact numerical ranges.

Axis Crossing

Axis crossing allows the horizontal and vertical axes to intersect at a custom value instead of the default Chart edges. In this sample, both the X‑axis and Y‑axis cross at the origin (0, 0), enabling mathematical visualizations such as hyperbolic curves. Axis crossing is configured using the CrossesAt property, which defines where the opposite axis should intersect.

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.