Vue PolarChart - valueAxis.strips

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 value axis, use the strips array. When a strip's startValue, endValue and color properties are specified, the strip is displayed in a chart. 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 value axis individually (in the valueAxis.strips object) override the values that are specified for all axes (in the commonAxisSettings.stripStyle object).

This property supports the following colors:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names
• Predefined SVG colors
• Paint server address

A strip label represents descriptive information on a strip. It often represents a strip's title. To set label properties 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 valueAxis.strips.strip.label object) override the values that are specified for all axes (in the commonAxisSettings.stripStyle.label object).