DevExpress Blazor Chart component allows you to display and configure axis strips. Use a strip to highlight a range between two axis values or an area above/below a value. Such highlighted areas allow users to quickly see whether a point falls in or out of a predefined range.
To create an axis strip, you must:
Add a DxChartAxisStrip object to axis markup (DxChartArgumentAxis or DxChartValueAxis).
Use StartValue and EndValue properties to specify the range. Use both properties to highlight an area between two values. Define only one property to highlight the area above or below a certain value.
Specify the Color property to display the strip.
Optional. Add a DxChartAxisStripLabel object to strip markup to configure strip label settings.
This demo displays two value axis strips: "Above average high" and "Below average low". The DxChartFont component customizes font settings used for strip labels.