Skip to main content

MeterProps

@elastic/charts • Exports

@elastic/charts / MeterProps

Interface: MeterProps

Props for the reusable DOM Meter component.

Contents​

Properties​

ariaLabel?​

ariaLabel?: string

Source​

packages/charts/src/components/meter/meter.tsx:158

ariaValueMax?​

ariaValueMax?: number

Source​

packages/charts/src/components/meter/meter.tsx:161

ariaValueMin?​

ariaValueMin?: number

Source​

packages/charts/src/components/meter/meter.tsx:160

ariaValueNow?​

ariaValueNow?: number

Source​

packages/charts/src/components/meter/meter.tsx:162

ariaValueText?​

ariaValueText?: string

Source​

packages/charts/src/components/meter/meter.tsx:159

baseline?​

baseline?: number

Domain value from which the fill grows. Values at or above the baseline fill toward the track end; values below it fill back toward the track start. Defaults to 0.

Source​

packages/charts/src/components/meter/meter.tsx:122

className?​

className?: string

Source​

packages/charts/src/components/meter/meter.tsx:153

domain​

domain: ContinuousDomain

Source​

packages/charts/src/components/meter/meter.tsx:112

fill​

fill: MeterFill

Source​

packages/charts/src/components/meter/meter.tsx:113

fillBorderColor?​

fillBorderColor?: string

Source​

packages/charts/src/components/meter/meter.tsx:125

fillBorderWidth?​

fillBorderWidth?: number

Source​

packages/charts/src/components/meter/meter.tsx:126

markerColor?​

markerColor?: string

Source​

packages/charts/src/components/meter/meter.tsx:124

orientation?​

orientation?: LayoutDirection

Source​

packages/charts/src/components/meter/meter.tsx:115

roundFillEnd?​

roundFillEnd?: boolean

Rounds the fill edge at the end of the filled span. The fill end is the value-side edge, so it follows the direction from baseline to value. When value < baseline, the physical end edge flips to the left for horizontal meters and the bottom for vertical meters.

Source​

packages/charts/src/components/meter/meter.tsx:152

roundFillStart?​

roundFillStart?: boolean

Rounds the fill edge at the start of the filled span. The fill start is the baseline-side edge, so it follows the direction from baseline to value. When value < baseline, the physical start edge flips to the right for horizontal meters and the top for vertical meters.

Source​

packages/charts/src/components/meter/meter.tsx:146

roundTrackEnd?​

roundTrackEnd?: boolean

Rounds the track edge at the end of the domain. The track end is the right edge for horizontal meters and the top edge for vertical meters.

Source​

packages/charts/src/components/meter/meter.tsx:140

roundTrackStart?​

roundTrackStart?: boolean

Rounds the track edge at the start of the domain. The track start is the left edge for horizontal meters and the bottom edge for vertical meters.

Source​

packages/charts/src/components/meter/meter.tsx:135

showBaselineMarker?​

showBaselineMarker?: boolean

Shows a marker at baseline when the baseline lies within domain.

Source​

packages/charts/src/components/meter/meter.tsx:130

size?​

size?: MeterSize

Source​

packages/charts/src/components/meter/meter.tsx:116

style?​

style?: CSSProperties

Source​

packages/charts/src/components/meter/meter.tsx:154

target?​

target?: number

Source​

packages/charts/src/components/meter/meter.tsx:123

targetTitle?​

targetTitle?: string

Source​

packages/charts/src/components/meter/meter.tsx:157

title?​

title?: string

Source​

packages/charts/src/components/meter/meter.tsx:155

trackColor​

trackColor: string

Source​

packages/charts/src/components/meter/meter.tsx:114

value​

value: number

Source​

packages/charts/src/components/meter/meter.tsx:111

valueTitle?​

valueTitle?: string

Source​

packages/charts/src/components/meter/meter.tsx:156

Generated using typedoc-plugin-markdown and TypeDoc