# Interface: DoughnutAnimationOptions

# Hierarchy

# Properties

# animateRotate

animateRotate: boolean

If true, the chart will animate in with a rotation animation. This property is in the options.animation object.

Default

true

# Defined in

types/index.d.ts:289 (opens new window)


# animateScale

animateScale: boolean

If true, will animate scaling the chart from the center outwards.

Default

false

# Defined in

types/index.d.ts:295 (opens new window)


# delay

Optional delay: Scriptable<number, ScriptableContext<"doughnut">>

Delay before starting the animations.

Default

0

# Inherited from

AnimationSpec.delay

# Defined in

types/index.d.ts:1716 (opens new window)


# duration

Optional duration: Scriptable<number, ScriptableContext<"doughnut">>

The number of milliseconds an animation takes.

Default

1000

# Inherited from

AnimationSpec.duration

# Defined in

types/index.d.ts:1705 (opens new window)


# easing

Optional easing: Scriptable<"linear" | "easeOutQuart" | "easeInQuad" | "easeOutQuad" | "easeInOutQuad" | "easeInCubic" | "easeOutCubic" | "easeInOutCubic" | "easeInQuart" | "easeInOutQuart" | "easeInQuint" | "easeOutQuint" | "easeInOutQuint" | "easeInSine" | "easeOutSine" | "easeInOutSine" | "easeInExpo" | "easeOutExpo" | "easeInOutExpo" | "easeInCirc" | "easeOutCirc" | "easeInOutCirc" | "easeInElastic" | "easeOutElastic" | "easeInOutElastic" | "easeInBack" | "easeOutBack" | "easeInOutBack" | "easeInBounce" | "easeOutBounce" | "easeInOutBounce", ScriptableContext<"doughnut">>

Easing function to use

Default

'easeOutQuart'

# Inherited from

AnimationSpec.easing

# Defined in

types/index.d.ts:1710 (opens new window)


# loop

Optional loop: Scriptable<boolean, ScriptableContext<"doughnut">>

If set to true, the animations loop endlessly.

Default

false

# Inherited from

AnimationSpec.loop

# Defined in

types/index.d.ts:1722 (opens new window)