New to Telerik UI for Blazor? Start a free 30-day trial

Plot Bands

Updated on Sep 16, 2026

Plot Bands are colored ranges in the Telerik UI for Blazor Chart. Their purpose is to highlight areas of the chart by changing the background in a predefined axis range.

Plot bands are supported for categorical and numerical charts.

Creating Plot Bands

Add PlotBand instances inside the PlotBands collection of a Chart axis.
Provide a valid CSS color to the Color parameter.
(Optional) Set the Opacity parameter.
Set the From and To plot band parameters, according to the instructions below.

Setting From and To

There are two different ways to configure the From and To values. The correct approach depends on:

Whether the Chart is numeric or categorical.
Whether the plot band is for the vertical or horizontal axis.

How to set PlotBand From and To

Axis Tag	Axis Description	Valid PlotBand `From` and `To` Values
`ChartYAxis`	vertical numeric axis	Any numeric value that makes sense for the series data, e.g. within the axis `Min` and `Max` range. The plot band will display between the specified values.
`ChartXAxis`	horizontal numeric axis
`ChartValueAxis`	vertical category axis
`ChartCategoryAxis` including date axis	horizontal category axis	Zero-based index, which corresponds to a major vertical grid line that intersects the axis. The plot band will display between the specified grid lines.

Categorical Chart PlotBands

Loading ...

Numerical Chart PlotBands