Angular RangeSelector - shutter

Specifies range selector shutter properties.

Selector: dxo-shutter
Type:

Object

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.

color

Specifies shutter color.

Type:

String

Default Value: undefined

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:

opacity

Specifies the opacity of the color of shutters.

Type:

Number

Default Value: 0.75