Interface: CoreChartOptions<TType>

AnimationOptions<TType>

↳ CoreChartOptions

↳↳

• animation: false | AnimationSpec<TType> & { onComplete?: (event: ) => void ; onProgress?: (event: AnimationEvent) => void }

Inherited from

AnimationOptions.animation

Defined in

animations

• animations: <TType>

Inherited from

AnimationOptions.animations

Defined in

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

aspectRatio

• aspectRatio: number

Canvas aspect ratio (i.e. width / height, a value of 1 representing a square canvas). Note that this option is ignored if the height is explicitly defined either as attribute or via the style.

default 2

Defined in

backgroundColor

• backgroundColor: <Color, <TType>>

base background color

see Defaults.backgroundColor

Defined in

borderColor

• borderColor: <Color, <TType>>

base border color

see Defaults.borderColor

Defined in

clip

• clip: number | false |

How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}

Defined in

color

• color: <Color, <TType>>

base color

see Defaults.color

Defined in

datasets

• datasets: Object

Type declaration

Defined in

• devicePixelRatio:

Override the window’s default devicePixelRatio.

default window.devicePixelRatio

Defined in

events

• events: keyof HTMLElementEventMap[]

The events option defines the browser events that the chart should listen to for tooltips and hovering.

default [‘mousemove’, ‘mouseout’, ‘click’, ‘touchstart’, ‘touchmove’]

Defined in

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

font

• font: Partial<FontSpec>

base font

see Defaults.font

indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. ‘x’ for vertical charts and ‘y’ for horizontal charts.

default ‘x’

Defined in

interaction

• interaction:

Defined in

layout

• layout: Partial<{ autoPadding: boolean ; padding: <number | Partial<ChartArea>, <TType>> }>

Defined in

locale

• locale: string

Locale used for number formatting (using Intl.NumberFormat).

default user’s browser setting

Defined in

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

• maintainAspectRatio: boolean

Maintain the original canvas aspect ratio (width / height) when resizing.

default true

Defined in

normalized

• normalized: boolean

Chart.js is fastest if you provide data with indices that are unique, sorted, and consistent across datasets and provide the normalized: true option to let Chart.js know that you have done so.

Inherited from

.normalized

Defined in

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

parsing

• parsing: false | { [key: string]: string; }

How to parse the dataset. The parsing can be disabled by specifying parsing: false at chart options or dataset. If parsing is disabled, data must be sorted and in the formats the associated chart type and scales use internally.

Inherited from

.parsing

Defined in

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

resizeDelay

• resizeDelay: number

Delay the resize update by give amount of milliseconds. This can ease the resize process by debouncing update of the elements.

default 0

Defined in

responsive

• responsive: boolean

Resizes the chart canvas when its container does (important note…).

default true

Defined in

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

transitions

• transitions: TransitionsSpec<TType>

Inherited from

AnimationOptions.transitions

Defined in

onClick

▸ onClick(event, elements, ): void

Called if the event is of type ‘mouseup’ or ‘click’. Passed the event, an array of active elements, and the chart.

Parameters

Returns

void

Defined in

onHover

▸ onHover(event, elements, chart): void

Called when any of the events fire. Passed the event, an array of active elements (bars, points, etc), and the chart.

Parameters

Returns

void

Defined in

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

▸ onResize(chart, size): void

Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.