AreaStyle

@elastic/charts • Exports

---

@elastic/charts / AreaStyle

Interface: AreaStyle

Contents

• Properties
  • dimmed
  • fill?
  • gradient?
  • opacity
  • texture?
  • visible

Properties

dimmed

dimmed: Object | Object

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

Source

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

---

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

---

gradient?

gradient?: LinearGradient

applying a gradient fill to the area on the theme/series

Source

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

---

opacity

opacity: number

the opacity of each area on the theme/series

Source

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

---

texture?

texture?: TexturedStyles

applying textures to the area on the theme/series

Source

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

---

visible

visible: boolean

is the area is visible or hidden ?

Source

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

---

Generated using typedoc-plugin-markdown and TypeDoc