Skip to main content

RectStyle

@elastic/charts • Exports


@elastic/charts / RectStyle

Interface: RectStyle

Contents​

Properties​

dimmed​

dimmed: Object | Object

The style applied to the rect when it is dimmed relative to other highlighted elements on the chart. This is typically used to visually de-emphasize the rect, for example, when another series is highlighted.

Source​

packages/charts/src/utils/themes/theme.ts:826


fill?​

fill?: string

a static fill color if defined, if not it will use the color of the series

Source​

packages/charts/src/utils/themes/theme.ts:811


opacity​

opacity: number

the opacity of each rect on the theme/series

Source​

packages/charts/src/utils/themes/theme.ts:813


texture?​

texture?: TexturedStyles

applying textures to the bar on the theme/series

Source​

packages/charts/src/utils/themes/theme.ts:821


widthPixel?​

widthPixel?: number

The width of the rect in pixel. If expressed together with widthRatio then the widthRatio will express the max available size, where the widthPixel express the derived/min width.

Source​

packages/charts/src/utils/themes/theme.ts:816


widthRatio?​

widthRatio?: number

The ratio of the width limited to [0,1]. If expressed together with widthPixel then the widthRatio will express the max available size, where the widthPixel express the derived/min width.

Source​

packages/charts/src/utils/themes/theme.ts:819


Generated using typedoc-plugin-markdown and TypeDoc