Vue RangeSelector - shutter

Shutters are used in the RangeSelector UI component with the background (image or chart) to hide the non-selected range. When using shutters, the background area for a selected range is clearly visible, and the remaining area is hidden by the shutters.

The background color of the container is used for shutters by default with applied opacity. You can set a custom color for all elements, including the shutters, that use the container's background color. Use the RangeSelector's containerBackgroundColor configuration property to do this. To set a custom color for shutters only, use the shutter's color property directly.

This property supports the following colors:

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