Blazor Toolkit

Stripline In Blazor Chart

Striplines are horizontal or vertical bands in charts that highlight specific regions or intervals to emphasize important data points or ranges. They are commonly used to indicate thresholds, target ranges, or to visually separate different sections of a chart. In Blazor Chart, striplines are configured using the ChartStripLines collection on the axis.

Horizontal Striplines

Horizontal striplines highlight a specific range or threshold along the vertical axis. They appear as horizontal bands across the plot area and are defined using the ChartStripLine component inside the vertical axis.

Vertical Striplines

Vertical striplines highlight a specific region or interval along the horizontal axis. They are rendered as vertical bands and are defined within the ChartPrimaryXAxis.

Stripline Recurrence

Striplines with recurrence enable highlighting repeating ranges across chart axes. This example demonstrates recurring striplines on both horizontal and vertical axes to improve readability in a world pollution data visualization.

Customize The Stripline Text

Stripline text customization allows you to display descriptive labels within specific axis ranges to provide contextual meaning to data bands. This example demonstrates adding custom text to striplines on the Y-axis to categorize wind conditions such as calm, breeze, and gusts, with precise control over text alignment and background styling.

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.