Charts / Chart Axes / StripLine

Blazor Chart Example - StripLine Display and Configuration

Loading Syncfusion Blazor Server Demos…

This sample highlights a specific temperature range recorded over a year using the strip line feature for visual emphasis.

In this example, you can see how to render and configure strip lines for the chart. Use the Start and End properties in the ChartStripline component to define strip line ranges. Multiple strip lines can be added to an axis for multiple range emphasis.

Interactive features enhance data interpretation:

  • Tooltip is enabled for general data points
  • Stripline Tooltip is enabled to provide additional details about stripline areas
  • Hover over or tap the stripline on touch-enabled devices to view relevant information

More information about strip lines can be found in this documentation section.