MetricStyle

@elastic/charts • Exports

---

@elastic/charts / MetricStyle

Interface: MetricStyle

Style options for the Metric chart type.

Contents

• Properties
  • barBackground
  • blendingBackground?
  • border
  • emptyBackground
  • extraTextAlign
  • iconAlign
  • minHeight
  • minValueFontSize
  • nonFiniteText
  • textDarkColor
  • textExtraDarkColor
  • textExtraLightColor
  • textLightColor
  • textSubtitleDarkColor
  • textSubtitleLightColor
  • titleWeight
  • titlesTextAlign
  • valueFontSize
  • valuePosition
  • valueTextAlign

Properties

barBackground

barBackground: string

Source

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

---

blendingBackground?

blendingBackground?: string

Optional color used to blend transparent colors. Defaults to Theme.background

Source

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

---

border

border: string

Source

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

---

emptyBackground

emptyBackground: string

Source

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

---

extraTextAlign

extraTextAlign: "left" | "right" | "center"

Source

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

---

iconAlign

iconAlign: "left" | "right"

Source

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

---

minHeight

minHeight: number

Source

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

---

minValueFontSize

minValueFontSize: number

Source

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

---

nonFiniteText

nonFiniteText: string

Source

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

---

textDarkColor

textDarkColor: string

Source

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

---

textExtraDarkColor

textExtraDarkColor: string

Source

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

---

textExtraLightColor

textExtraLightColor: string

Source

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

---

textLightColor

textLightColor: string

Source

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

---

textSubtitleDarkColor

textSubtitleDarkColor: string

Source

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

---

textSubtitleLightColor

textSubtitleLightColor: string

Source

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

---

titleWeight

titleWeight: MetricFontWeight

Source

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

---

titlesTextAlign

titlesTextAlign: "left" | "right" | "center"

Source

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

---

valueFontSize

valueFontSize: number | "default" | "fit"

Source

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

---

valuePosition

valuePosition: "top" | "bottom"

Source

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

---

valueTextAlign

valueTextAlign: "left" | "right" | "center"

Source

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

---

Generated using typedoc-plugin-markdown and TypeDoc