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
  • spacing
  • textDarkColor
  • textExtraDarkColor
  • textExtraLightColor
  • textLightColor
  • textSubtitleDarkColor
  • textSubtitleLightColor
  • titleWeight
  • titlesTextAlign
  • valueFontSize
  • valuePosition
  • valueTextAlign

Properties

barBackground

barBackground: string

Source

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

---

blendingBackground?

blendingBackground?: string

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

Source

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

---

border

border: string

Source

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

---

emptyBackground

emptyBackground: string

Source

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

---

extraTextAlign

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

Source

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

---

iconAlign

iconAlign: "left" | "right"

Source

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

---

minHeight

minHeight: number

Source

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

---

minValueFontSize

minValueFontSize: number

Source

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

---

nonFiniteText

nonFiniteText: string

Source

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

---

spacing

spacing: MetricSpacing

Source

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

---

textDarkColor

textDarkColor: string

Source

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

---

textExtraDarkColor

textExtraDarkColor: string

Source

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

---

textExtraLightColor

textExtraLightColor: string

Source

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

---

textLightColor

textLightColor: string

Source

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

---

textSubtitleDarkColor

textSubtitleDarkColor: string

Source

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

---

textSubtitleLightColor

textSubtitleLightColor: string

Source

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

---

titleWeight

titleWeight: MetricFontWeight

Source

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

---

titlesTextAlign

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

Source

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

---

valueFontSize

valueFontSize: number | "default" | "fit"

Source

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

---

valuePosition

valuePosition: "top" | "bottom" | "middle"

Source

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

---

valueTextAlign

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

Source

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

---

Generated using typedoc-plugin-markdown and TypeDoc