Blazor Toolkit
Category Axis

Category axes are used to display discrete values such as country names, product labels, or classifications along the axis. In the Syncfusion Blazor Toolkit Chart, a category axis is configured by setting the ValueType property of the ChartPrimaryXAxis to ValueType.Category. This sample demonstrates a Column Chart with category labels, responsive label rotation, tooltip support, and axis title customization. This sample demonstrates a Column Chart with category labels, responsive label rotation using the LabelRotation property, tooltip support, and axis title customization.

Label Placement

Label placement controls whether axis labels are rendered directly on category tick marks or positioned between ticks. In the Syncfusion Blazor Toolkit Chart, label placement is configured using the Placement property of the ChartAxisLabel component. This sample demonstrates switching between OnTicks and BetweenTicks dynamically the LabelPlacement property of the ChartPrimaryXAxis component. This sample demonstrates switching between LabelPlacement.OnTicks and LabelPlacement.BetweenTicks dynamically using a button group.

Ranges

You can control which category labels are displayed on a Chart by configuring explicit axis ranges. In the Syncfusion Blazor Toolkit Chart, the following axis properties are used to define the visible range:

  • Minimum – Specifies the starting index of the visible categories Minimum – Specifies the starting index of the visible categories on the axis.
  • Maximum – Specifies the ending index of the visible categories. Maximum – Specifies the ending index of the visible categories.
  • Interval – Controls the spacing between displayed labels. Interval – Controls the spacing between displayed labels.
This allows you to limit the visible range to focus on a subset of categories, reduce clutter by skipping labels at regular intervals, and improve readability when working with dense or large datasets.

Indexed Category Axis

An indexed category axis arranges data points based on their index position instead of matching them by actual category values. This makes it possible to align multiple series that contain different category labels. In the Syncfusion Blazor Toolkit Chart, indexing is enabled by setting the Indexed property of the ChartPrimaryXAxis. IsIndexed property of the ChartPrimaryXAxis to true. This sample demonstrates toggling indexed mode dynamically and switching between column and line series to compare indexed and non‑indexed behavior. between Column and Line series to compare indexed and non‑indexed behavior.

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.