strips[]

Specifies options for argument axis strips.

Type: Array
Cannot be used in themes.

Strips are the highlighted areas in a chart within the defined range of values (minimum and maximum) for an axis to which they belong. In general, strips are used to visually represent a range of values behind a series to trace whether the series points' values fall in or out of that range. For more details on strips, refer to the Strips topic.

To define strips for the argument axis, use the strips array. Each object in this array should contain the startValue, endValue and color fields specified. Note that specifying all these fields is necessary for a strip to be displayed.

In addition, you can show a label with descriptive information on a strip. To set the text for a label, use the strip's label object.

If you need to set similar values for all strips of all axes, use the commonAxisSettings | stripStyle configuration object. It exposes the properties that can be specified for strips of all axes at once. Note that the values specified for the argument axis individually (in the argumentAxis | strips object) override the values that are specified for all axes (in the commonAxisSettings | stripStyle object).

Show Example:
jQuery

In this example, the argument axis' strips are defined and colored in a custom color.


                                    

                                    

color

Specifies a color for a strip.

Type: String
Default Value: undefined

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the argument axis strips are drawn in various colors.


                                    

                                    

endValue

Specifies an end value for a strip.

Default Value: undefined

label

An object that defines the label configuration options of a strip.

Type: Object

A strip label represents descriptive information on a strip. It often represents a strip's title. To set label options for an individual strip, define the label object. If you need to set similar values for labels in all strips, use the commonAxisSettings | stripStyle | label configuration object. It exposes the properties that can be specified for labels on all strips simultaneously. Note that the values specified for a strip individually (in the argumentAxis | strips | strip | label object) override the values that are specified for all axes (in the commonAxisSettings | stripStyle | label object).

Show Example:
jQuery

In the following example, the argument axis' strip has a label.


                                    

                                    

paddingLeftRight

Specifies the spacing, in pixels, between the left/right strip border and the strip label.

Type: Number
Default Value: 10

Depending on the strip's horizontalAlignment property, the value specified by the paddingLeftRight property is applied to the left or right strip border. If the horizontalAlignment property is set to 'left', the specified padding is applied to the left strip border. If the horizontalAlignment property is set to 'right', the specified padding is applied to the right strip border. If the horizontalAlignment property is set to center, the paddingLeftRight property value is ignored, and the padding is calculated automatically.

StripLabelPadding ChartJS

paddingTopBottom

Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label.

Type: Number
Default Value: 5

The spacing between the top/bottom strip borders and the strip label depends on the verticalAlignment property of the strip. If this property is set to top, the spacing will be counted from the top strip border. If the verticalAlignment property is set to bottom, the spacing will be counted from the bottom strip border. When the verticalAlignment property is set to center, the paddingTopBottom property value will be ignored, and the spacing will be counted automatically.

StripLabelPadding ChartJS

startValue

Specifies a start value for a strip.

Default Value: undefined