Skip to main content

RectStyle

@elastic/chartsExports


@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:761


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:746


opacity

opacity: number

the opacity of each rect on the theme/series

Source

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


texture?

texture?: TexturedStyles

applying textures to the bar on the theme/series

Source

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


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:751


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:754


Generated using typedoc-plugin-markdown and TypeDoc