# Interface: DoughnutControllerChartOptions

# Properties

# animation

• animation: false | DoughnutAnimationOptions

# Defined in

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


# circumference

• circumference: number

Sweep to allow arcs to cover.

Default

360

# Defined in

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


# cutout

• cutout: Scriptable<string | number, ScriptableContext<"doughnut">>

The portion of the chart that is cut out of the middle. ('50%' - for doughnut, 0 - for pie) String ending with '%' means percentage, number means pixels.

Default

50

# Defined in

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


# offset

• offset: number | number[]

Arc offset (in pixels).

# Defined in

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


# radius

• radius: Scriptable<string | number, ScriptableContext<"doughnut">>

The outer radius of the chart. String ending with '%' means percentage of maximum radius, number means pixels.

Default

'100%'

# Defined in

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


# rotation

• rotation: number

Starting angle to draw arcs from.

Default

0

# Defined in

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


# spacing

• spacing: number

Spacing between the arcs

Default

0

# Defined in

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


# spacingMode

• spacingMode: ArcSpacingMode

Geometry used to apply arc spacing.

  • proportional: legacy behavior (default for polarArea).
  • angular: constant angular trim (default for doughnut/pie).
  • parallel: separate inner/outer trims for constant-width separators (best for small-moderate spacings).

Default

'angular'

# Defined in

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