[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Creating Charts
    [Collapse]Chart Elements
     [Expand]Series
     [Expand]Diagram
     [Collapse]Axes
       Axes Overview
       Axis Scale Types
       Visual Ranges and Whole Ranges
       Primary and Secondary Axes
       Grid Lines,Tickmarks and Interlacing
       Axis Appearance and Position
       Axis Titles
       Axis Labels
       Strips
       Constant Lines
       Scale Breaks
     [Expand]Panes
     [Expand]Legend
     [Expand]Chart Titles
     [Expand]Annotations
     [Expand]Indicators
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Strips

This document describes how to display strips across axes, and customize their appearance. Before you proceed with this document, you may wish to review the basics of using axes.

Strips are the highlighted areas in a chart's diagram within the defined range of values (minimum and maximum) of an axes, to which they belong. In general, strips are used to visually represent a range of values behind series, to trace whether the series points' values fall in or out of that range.

The following image demonstrates an implementation of a strip.

Strips belong to an axis object, and it is possible to add multiple strips to an axis' appropriate collection, which can be accessed via the Axis2D.Strips property.

To create a strip and add it to an axis at design time, locate the axis in the Properties window, and click the ellipsis button for the Axis2D.Strips property.

The Strip Collection Editor will appear.

In this editor, click Add, to create a strip. Then, you can define its properties.

The most important properties of a strip are the Strip.MinLimit and Strip.MaxLimit properties, which define the range of values within which the strip should be drawn. To enable these limits, set their StripLimit.Enabled properties to true.

If the StripLimit.Enabled property of either limit is disabled, the strip will occupy the whole range up or down from the opposite limit's value. If the StripLimit.Enabled properties of both limits are disabled, the strip will occupy the whole range of the axes values.

Then, define the StripLimit.AxisValue properties of the strip's limits. The values of these properties should be defined in the measure units appropriate for the current axis (to learn more on this, refer to Axis Scale Types).

Note

The minimum limit of the strip should be less than the maximum limit, otherwise the error message is shown.

In addition, it is possible to show the strip's description in the chart's legend, and as a distinct axis labels. To do this, enable the Strip.ShowInLegend and Strip.ShowAxisLabel properties accordingly. The text of these descriptions can be defined independently from the strip's ChartElementNamed.Name, via the Strip.LegendText and Strip.AxisLabelText properties.

The appearance of a strip is determined by the Strip.Color and Strip.FillStyle properties.

To hide a strip, while not completely removing it from the axis' collection, disable the strip's Strip.Visible property.

Expanded See Also

Is this topic helpful?​​​​​​​