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.
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.