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

ariaValueMax?​

ariaValueMax?: number

Source​

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

ariaValueMin?​

ariaValueMin?: number

Source​

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

ariaValueNow?​

ariaValueNow?: number

Source​

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

ariaValueText?​

ariaValueText?: string

Source​

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

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

className?​

className?: string

Source​

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

domain​

domain: ContinuousDomain

Source​

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

fill​

fill: MeterFill

Source​

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

fillBorderColor?​

fillBorderColor?: string

Source​

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

fillBorderWidth?​

fillBorderWidth?: number

Source​

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

markerColor?​

markerColor?: string

Source​

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

orientation?​

orientation?: LayoutDirection

Source​

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

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

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

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

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

showBaselineMarker?​

showBaselineMarker?: boolean

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

Source​

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

size?​

size?: MeterSize

Source​

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

style?​

style?: CSSProperties

Source​

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

target?​

target?: number

Source​

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

targetTitle?​

targetTitle?: string

Source​

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

title?​

title?: string

Source​

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

trackColor​

trackColor: string

Source​

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

value​

value: number

Source​

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

valueTitle?​

valueTitle?: string

Source​

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

Generated using typedoc-plugin-markdown and TypeDoc