Interface: DoughnutControllerChartOptions | Chart.js
Description: Open source HTML5 Charts for your website

# # Interface: DoughnutControllerChartOptions

## # Properties

### # animation

• animation: `false` | `DoughnutAnimationOptions`

#### # Defined in

index.esm.d.ts:328
(opens new window)

### # circumference

• circumference: `number`

Sweep to allow arcs to cover.

`default` 360

#### # Defined in

index.esm.d.ts:296
(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

index.esm.d.ts:303
(opens new window)

### # offset

• offset: `number`

Arc offset (in pixels).

#### # Defined in

index.esm.d.ts:308
(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

index.esm.d.ts:314
(opens new window)

### # rotation

• rotation: `number`

Starting angle to draw arcs from.

`default` 0

#### # Defined in

index.esm.d.ts:320
(opens new window)

### # spacing

• spacing: `number`

Spacing between the arcs

`default` 0

#### # Defined in

index.esm.d.ts:326
(opens new window)