Skip to main content

AnimationOptions

@elastic/chartsExports


@elastic/charts / AnimationOptions

Interface: AnimationOptions

Contents

Properties

delay?

delay?: number | "normal" | "extraFast" | "fast" | "slow" | "extraSlow"

start delay in ms

Source

packages/charts/src/chart_types/xy_chart/renderer/canvas/animations/animation.ts:168


duration?

duration?: number | "normal" | "extraFast" | "fast" | "slow" | "extraSlow"

Duration from start of animation to completion in ms

Source

packages/charts/src/chart_types/xy_chart/renderer/canvas/animations/animation.ts:180


enabled?

enabled?: boolean

Enables animations on annotations

Source

packages/charts/src/chart_types/xy_chart/renderer/canvas/animations/animation.ts:152


initialValue?

initialValue?: number

Set initial value for initial render animations. By default, the initial value is determined on the initial render then animates any change thereafter.

Example

// Initially animates the height from 0 to 100 with no value change
atx.getValue('bar-height', 100, { initialValue: 0 })

Source

packages/charts/src/chart_types/xy_chart/renderer/canvas/animations/animation.ts:164


snapValues?

snapValues?: number[]

Snaps back to initial value instantly

Source

packages/charts/src/chart_types/xy_chart/renderer/canvas/animations/animation.ts:172


timeFunction?

timeFunction?: TimeFunction

The speed curve of the animation

Source

packages/charts/src/chart_types/xy_chart/renderer/canvas/animations/animation.ts:176


Generated using typedoc-plugin-markdown and TypeDoc