stripStyle

An object defining configuration options for strip style.

Type: Object

Strips are the highlighted areas of a chart within a defined range of values (maximum and minimum) 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 point values fall in or out of that range. For more details on strips, refer to the Strips topic.

To set options for configuring strip style, define the stripStyle object within the argumentAxis or valueAxis configuration object. To set common options for all strips in a chart, define the stripStyle object within the commonAxisSettings configuration object. Note that the values that are set for an individual axis override the corresponding common values.

Show Example:
jQuery

In the example below, the strip label text is blue.


                                    

                                    

label

An object defining the configuration options for a strip label style.

Type: Object

A strip label displays descriptive information on a strip. To set options for configuring the strip label style, define the stripStyle | label object within the argumentAxis or valueAxis configuration object. To set common options for all strip labels in a chart, define the stripStyle | label object within the commonAxisSettings configuration object. Note that the values that are set for an individual axis override the corresponding common values.

Show Example:
jQuery

In the example below, the strip label font color is blue.


                                    

                                    

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