diff --git a/docs/master/404.html b/docs/master/404.html index a624e599c0..c271e9f7b3 100644 --- a/docs/master/404.html +++ b/docs/master/404.html @@ -7,11 +7,11 @@ - +
- + diff --git a/docs/master/api/classes/Animation.html b/docs/master/api/classes/Animation.html index bb7b05af53..c17029782b 100644 --- a/docs/master/api/classes/Animation.html +++ b/docs/master/api/classes/Animation.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: Animation

# Constructors

# constructor

• new Animation(cfg, target, prop, to?)

# Parameters

Name Type
cfg AnyObject
target AnyObject
prop string
to? unknown

# Defined in

types/animation.d.ts:5 (opens new window)

# Properties

# _to

• Readonly _to: unknown

# Defined in

types/animation.d.ts:10 (opens new window)

# Methods

# active

▸ active(): boolean

# Returns

boolean

# Defined in

types/animation.d.ts:6 (opens new window)

# cancel

▸ cancel(): void

# Returns

void

# Defined in

types/animation.d.ts:8 (opens new window)

# tick

▸ tick(date): void

# Parameters

Name Type
date number

# Returns

void

# Defined in

types/animation.d.ts:9 (opens new window)

# update

▸ update(cfg, to, date): void

# Parameters

Name Type
cfg AnyObject
to unknown
date number

# Returns

void

# Defined in

types/animation.d.ts:7 (opens new window)

+ (opens new window)

# Class: Animation

# Constructors

# constructor

• new Animation(cfg, target, prop, to?)

# Parameters

Name Type
cfg AnyObject
target AnyObject
prop string
to? unknown

# Defined in

types/animation.d.ts:5 (opens new window)

# Properties

# _to

• Readonly _to: unknown

# Defined in

types/animation.d.ts:10 (opens new window)

# Methods

# active

▸ active(): boolean

# Returns

boolean

# Defined in

types/animation.d.ts:6 (opens new window)

# cancel

▸ cancel(): void

# Returns

void

# Defined in

types/animation.d.ts:8 (opens new window)

# tick

▸ tick(date): void

# Parameters

Name Type
date number

# Returns

void

# Defined in

types/animation.d.ts:9 (opens new window)

# update

▸ update(cfg, to, date): void

# Parameters

Name Type
cfg AnyObject
to unknown
date number

# Returns

void

# Defined in

types/animation.d.ts:7 (opens new window)

← →

- + diff --git a/docs/master/api/classes/Animations.html b/docs/master/api/classes/Animations.html index b19d4e8d88..6b5ae2172b 100644 --- a/docs/master/api/classes/Animations.html +++ b/docs/master/api/classes/Animations.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: Animations

# Constructors

# constructor

• new Animations(chart, animations)

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
animations AnyObject

# Defined in

types/animation.d.ts:31 (opens new window)

# Methods

# configure

▸ configure(animations): void

# Parameters

Name Type
animations AnyObject

# Returns

void

# Defined in

types/animation.d.ts:32 (opens new window)

# update

▸ update(target, values): boolean

# Parameters

Name Type
target AnyObject
values AnyObject

# Returns

boolean

# Defined in

types/animation.d.ts:33 (opens new window)

+ (opens new window)

# Class: Animations

# Constructors

# constructor

• new Animations(chart, animations)

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
animations AnyObject

# Defined in

types/animation.d.ts:31 (opens new window)

# Methods

# configure

▸ configure(animations): void

# Parameters

Name Type
animations AnyObject

# Returns

void

# Defined in

types/animation.d.ts:32 (opens new window)

# update

▸ update(target, values): boolean

# Parameters

Name Type
target AnyObject
values AnyObject

# Returns

boolean

# Defined in

types/animation.d.ts:33 (opens new window)

← →

- + diff --git a/docs/master/api/classes/Animator.html b/docs/master/api/classes/Animator.html index 0064bb9e48..8321b3cde3 100644 --- a/docs/master/api/classes/Animator.html +++ b/docs/master/api/classes/Animator.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: Animator

# Constructors

# constructor

• new Animator()

# Methods

# add

▸ add(chart, items): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
items readonly Animation[]

# Returns

void

# Defined in

types/animation.d.ts:22 (opens new window)

# has

▸ has(chart): boolean

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

boolean

# Defined in

types/animation.d.ts:23 (opens new window)

# listen

▸ listen(chart, event, cb): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
event "progress" | "complete"
cb (event: AnimationEvent) => void

# Returns

void

# Defined in

types/animation.d.ts:21 (opens new window)

# remove

▸ remove(chart): boolean

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

boolean

# Defined in

types/animation.d.ts:27 (opens new window)

# running

▸ running(chart): boolean

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

boolean

# Defined in

types/animation.d.ts:25 (opens new window)

# start

▸ start(chart): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/animation.d.ts:24 (opens new window)

# stop

▸ stop(chart): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/animation.d.ts:26 (opens new window)

+ (opens new window)

# Class: Animator

# Constructors

# constructor

• new Animator()

# Methods

# add

▸ add(chart, items): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
items readonly Animation[]

# Returns

void

# Defined in

types/animation.d.ts:22 (opens new window)

# has

▸ has(chart): boolean

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

boolean

# Defined in

types/animation.d.ts:23 (opens new window)

# listen

▸ listen(chart, event, cb): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
event "progress" | "complete"
cb (event: AnimationEvent) => void

# Returns

void

# Defined in

types/animation.d.ts:21 (opens new window)

# remove

▸ remove(chart): boolean

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

boolean

# Defined in

types/animation.d.ts:27 (opens new window)

# running

▸ running(chart): boolean

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

boolean

# Defined in

types/animation.d.ts:25 (opens new window)

# start

▸ start(chart): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/animation.d.ts:24 (opens new window)

# stop

▸ stop(chart): void

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/animation.d.ts:26 (opens new window)

← →

- + diff --git a/docs/master/api/classes/ArcElement.html b/docs/master/api/classes/ArcElement.html index 48752f8647..39ff256e5d 100644 --- a/docs/master/api/classes/ArcElement.html +++ b/docs/master/api/classes/ArcElement.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: ArcElement

# Hierarchy

# Constructors

# constructor

• new ArcElement(cfg)

# Parameters

Name Type
cfg any

# Overrides

Element<ArcProps, ArcOptions&gt;.constructor

# Defined in

elements/element.arc.ts:298 (opens new window)

# Properties

# $animations

• $animations: Record<keyof ArcProps, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# circumference

• circumference: number

# Defined in

elements/element.arc.ts:290 (opens new window)

# endAngle

• endAngle: number

# Defined in

elements/element.arc.ts:291 (opens new window)

# fullCircles

• fullCircles: number

# Defined in

elements/element.arc.ts:292 (opens new window)

# innerRadius

• innerRadius: number

# Defined in

elements/element.arc.ts:293 (opens new window)

# options

• options: ArcOptions

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# outerRadius

• outerRadius: number

# Defined in

elements/element.arc.ts:294 (opens new window)

# pixelMargin

• pixelMargin: number

# Defined in

elements/element.arc.ts:295 (opens new window)

# startAngle

• startAngle: number

# Defined in

elements/element.arc.ts:296 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# defaultRoutes

▪ Static defaultRoutes: Object

# Type declaration

Name Type
backgroundColor string

# Overrides

Element.defaultRoutes

# Defined in

elements/element.arc.ts:281 (opens new window)

# defaults

▪ Static defaults: Object

# Type declaration

Name Type
angle any
borderAlign string
borderColor string
borderDash any[]
borderDashOffset number
borderJoinStyle any
borderRadius number
borderWidth number
circular boolean
offset number
spacing number

# Overrides

Element.defaults

# Defined in

elements/element.arc.ts:267 (opens new window)

# descriptors

▪ Static descriptors: Object

# Type declaration

Name Type
_indexable (name: any) => boolean
_scriptable boolean

# Defined in

elements/element.arc.ts:285 (opens new window)

# id

▪ Static id: string = 'arc'

# Defined in

elements/element.arc.ts:265 (opens new window)

# Methods

# draw

▸ draw(ctx): void

# Parameters

Name Type
ctx CanvasRenderingContext2D

# Returns

void

# Defined in

elements/element.arc.ts:356 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition): Object

# Parameters

Name Type
useFinalPosition boolean

# Returns

Object

Name Type
x number
y number

# Defined in

elements/element.arc.ts:334 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<ArcProps, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof ArcProps[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<ArcProps, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(chartX, chartY, useFinalPosition): boolean

# Parameters

Name Type
chartX number
chartY number
useFinalPosition boolean

# Returns

boolean

# Defined in

elements/element.arc.ts:315 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Object

# Parameters

Name Type
useFinalPosition boolean

# Returns

Object

Name Type
x number
y number

# Overrides

Element.tooltipPosition

# Defined in

elements/element.arc.ts:352 (opens new window)

+ (opens new window)

# Class: ArcElement

# Hierarchy

# Constructors

# constructor

• new ArcElement(cfg)

# Parameters

Name Type
cfg any

# Overrides

Element<ArcProps, ArcOptions&gt;.constructor

# Defined in

elements/element.arc.ts:298 (opens new window)

# Properties

# $animations

• $animations: Record<keyof ArcProps, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# circumference

• circumference: number

# Defined in

elements/element.arc.ts:290 (opens new window)

# endAngle

• endAngle: number

# Defined in

elements/element.arc.ts:291 (opens new window)

# fullCircles

• fullCircles: number

# Defined in

elements/element.arc.ts:292 (opens new window)

# innerRadius

• innerRadius: number

# Defined in

elements/element.arc.ts:293 (opens new window)

# options

• options: ArcOptions

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# outerRadius

• outerRadius: number

# Defined in

elements/element.arc.ts:294 (opens new window)

# pixelMargin

• pixelMargin: number

# Defined in

elements/element.arc.ts:295 (opens new window)

# startAngle

• startAngle: number

# Defined in

elements/element.arc.ts:296 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# defaultRoutes

▪ Static defaultRoutes: Object

# Type declaration

Name Type
backgroundColor string

# Overrides

Element.defaultRoutes

# Defined in

elements/element.arc.ts:281 (opens new window)

# defaults

▪ Static defaults: Object

# Type declaration

Name Type
angle any
borderAlign string
borderColor string
borderDash any[]
borderDashOffset number
borderJoinStyle any
borderRadius number
borderWidth number
circular boolean
offset number
spacing number

# Overrides

Element.defaults

# Defined in

elements/element.arc.ts:267 (opens new window)

# descriptors

▪ Static descriptors: Object

# Type declaration

Name Type
_indexable (name: any) => boolean
_scriptable boolean

# Defined in

elements/element.arc.ts:285 (opens new window)

# id

▪ Static id: string = 'arc'

# Defined in

elements/element.arc.ts:265 (opens new window)

# Methods

# draw

▸ draw(ctx): void

# Parameters

Name Type
ctx CanvasRenderingContext2D

# Returns

void

# Defined in

elements/element.arc.ts:356 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition): Object

# Parameters

Name Type
useFinalPosition boolean

# Returns

Object

Name Type
x number
y number

# Defined in

elements/element.arc.ts:334 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<ArcProps, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof ArcProps[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<ArcProps, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(chartX, chartY, useFinalPosition): boolean

# Parameters

Name Type
chartX number
chartY number
useFinalPosition boolean

# Returns

boolean

# Defined in

elements/element.arc.ts:315 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Object

# Parameters

Name Type
useFinalPosition boolean

# Returns

Object

Name Type
x number
y number

# Overrides

Element.tooltipPosition

# Defined in

elements/element.arc.ts:352 (opens new window)

← →

- + diff --git a/docs/master/api/classes/BasePlatform.html b/docs/master/api/classes/BasePlatform.html index 949aa46028..42ac947191 100644 --- a/docs/master/api/classes/BasePlatform.html +++ b/docs/master/api/classes/BasePlatform.html @@ -7,7 +7,7 @@ - + @@ -40,8 +40,8 @@ (opens new window) GitHub (opens new window)

# Class: BasePlatform

# Hierarchy

# Constructors

# constructor

• new BasePlatform()

# Methods

# acquireContext

▸ acquireContext(canvas, options?): CanvasRenderingContext2D

Called at chart construction time, returns a context2d instance implementing -the [W3C Canvas 2D Context API standard]https://www.w3.org/TR/2dcontext/ (opens new window).

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas from which to acquire context (platform specific)
options? CanvasRenderingContext2DSettings The chart options

# Returns

CanvasRenderingContext2D

# Defined in

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

# addEventListener

▸ addEventListener(chart, type, listener): void

Registers the specified listener on the given chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to listen for event
type string The (ChartEvent) type to listen for
listener (e: ChartEvent) => void Receives a notification (an object that implements the ChartEvent interface) when an event of the specified type occurs.

# Returns

void

# Defined in

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

# getDevicePixelRatio

▸ getDevicePixelRatio(): number

# Returns

number

the current devicePixelRatio of the device this platform is connected to.

# Defined in

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

# getMaximumSize

▸ getMaximumSize(canvas, width?, height?, aspectRatio?): Object

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas for which to calculate the maximum size
width? number Parent element's content width
height? number Parent element's content height
aspectRatio? number The aspect ratio to maintain

# Returns

Object

the maximum size available.

Name Type
height number
width number

# Defined in

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

# isAttached

▸ isAttached(canvas): boolean

# Parameters

Name Type
canvas HTMLCanvasElement

# Returns

boolean

true if the canvas is attached to the platform, false if not.

# Defined in

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

# releaseContext

▸ releaseContext(context): boolean

Called at chart destruction time, releases any resources associated to the context -previously returned by the acquireContext() method.

# Parameters

Name Type Description
context CanvasRenderingContext2D The context2d instance

# Returns

boolean

true if the method succeeded, else false

# Defined in

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

# removeEventListener

▸ removeEventListener(chart, type, listener): void

Removes the specified listener previously registered with addEventListener.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to remove the listener
type string The (ChartEvent) type to remove
listener (e: ChartEvent) => void The listener function to remove from the event target.

# Returns

void

# Defined in

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

# updateConfig

▸ updateConfig(config): void

Updates config with platform specific requirements

# Parameters

Name Type
config ChartConfiguration<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> | ChartConfigurationCustomTypesPerDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

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

+the [W3C Canvas 2D Context API standard]https://www.w3.org/TR/2dcontext/ (opens new window).

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas from which to acquire context (platform specific)
options? CanvasRenderingContext2DSettings The chart options

# Returns

CanvasRenderingContext2D

# Defined in

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

# addEventListener

▸ addEventListener(chart, type, listener): void

Registers the specified listener on the given chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to listen for event
type string The (ChartEvent) type to listen for
listener (e: ChartEvent) => void Receives a notification (an object that implements the ChartEvent interface) when an event of the specified type occurs.

# Returns

void

# Defined in

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

# getDevicePixelRatio

▸ getDevicePixelRatio(): number

# Returns

number

the current devicePixelRatio of the device this platform is connected to.

# Defined in

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

# getMaximumSize

▸ getMaximumSize(canvas, width?, height?, aspectRatio?): Object

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas for which to calculate the maximum size
width? number Parent element's content width
height? number Parent element's content height
aspectRatio? number The aspect ratio to maintain

# Returns

Object

the maximum size available.

Name Type
height number
width number

# Defined in

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

# isAttached

▸ isAttached(canvas): boolean

# Parameters

Name Type
canvas HTMLCanvasElement

# Returns

boolean

true if the canvas is attached to the platform, false if not.

# Defined in

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

# releaseContext

▸ releaseContext(context): boolean

Called at chart destruction time, releases any resources associated to the context +previously returned by the acquireContext() method.

# Parameters

Name Type Description
context CanvasRenderingContext2D The context2d instance

# Returns

boolean

true if the method succeeded, else false

# Defined in

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

# removeEventListener

▸ removeEventListener(chart, type, listener): void

Removes the specified listener previously registered with addEventListener.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to remove the listener
type string The (ChartEvent) type to remove
listener (e: ChartEvent) => void The listener function to remove from the event target.

# Returns

void

# Defined in

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

# updateConfig

▸ updateConfig(config): void

Updates config with platform specific requirements

# Parameters

Name Type
config ChartConfiguration<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> | ChartConfigurationCustomTypesPerDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

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

← →

- + diff --git a/docs/master/api/classes/BasicPlatform.html b/docs/master/api/classes/BasicPlatform.html index b292b00087..15c8f03e3f 100644 --- a/docs/master/api/classes/BasicPlatform.html +++ b/docs/master/api/classes/BasicPlatform.html @@ -7,7 +7,7 @@ - + @@ -40,8 +40,8 @@ (opens new window) GitHub (opens new window)

# Class: BasicPlatform

# Hierarchy

# Constructors

# constructor

• new BasicPlatform()

# Inherited from

BasePlatform.constructor

# Methods

# acquireContext

▸ acquireContext(canvas, options?): CanvasRenderingContext2D

Called at chart construction time, returns a context2d instance implementing -the [W3C Canvas 2D Context API standard]https://www.w3.org/TR/2dcontext/ (opens new window).

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas from which to acquire context (platform specific)
options? CanvasRenderingContext2DSettings The chart options

# Returns

CanvasRenderingContext2D

# Inherited from

BasePlatform.acquireContext

# Defined in

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

# addEventListener

▸ addEventListener(chart, type, listener): void

Registers the specified listener on the given chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to listen for event
type string The (ChartEvent) type to listen for
listener (e: ChartEvent) => void Receives a notification (an object that implements the ChartEvent interface) when an event of the specified type occurs.

# Returns

void

# Inherited from

BasePlatform.addEventListener

# Defined in

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

# getDevicePixelRatio

▸ getDevicePixelRatio(): number

# Returns

number

the current devicePixelRatio of the device this platform is connected to.

# Inherited from

BasePlatform.getDevicePixelRatio

# Defined in

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

# getMaximumSize

▸ getMaximumSize(canvas, width?, height?, aspectRatio?): Object

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas for which to calculate the maximum size
width? number Parent element's content width
height? number Parent element's content height
aspectRatio? number The aspect ratio to maintain

# Returns

Object

the maximum size available.

Name Type
height number
width number

# Inherited from

BasePlatform.getMaximumSize

# Defined in

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

# isAttached

▸ isAttached(canvas): boolean

# Parameters

Name Type
canvas HTMLCanvasElement

# Returns

boolean

true if the canvas is attached to the platform, false if not.

# Inherited from

BasePlatform.isAttached

# Defined in

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

# releaseContext

▸ releaseContext(context): boolean

Called at chart destruction time, releases any resources associated to the context -previously returned by the acquireContext() method.

# Parameters

Name Type Description
context CanvasRenderingContext2D The context2d instance

# Returns

boolean

true if the method succeeded, else false

# Inherited from

BasePlatform.releaseContext

# Defined in

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

# removeEventListener

▸ removeEventListener(chart, type, listener): void

Removes the specified listener previously registered with addEventListener.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to remove the listener
type string The (ChartEvent) type to remove
listener (e: ChartEvent) => void The listener function to remove from the event target.

# Returns

void

# Inherited from

BasePlatform.removeEventListener

# Defined in

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

# updateConfig

▸ updateConfig(config): void

Updates config with platform specific requirements

# Parameters

Name Type
config ChartConfiguration<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> | ChartConfigurationCustomTypesPerDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

BasePlatform.updateConfig

# Defined in

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

+the [W3C Canvas 2D Context API standard]https://www.w3.org/TR/2dcontext/ (opens new window).

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas from which to acquire context (platform specific)
options? CanvasRenderingContext2DSettings The chart options

# Returns

CanvasRenderingContext2D

# Inherited from

BasePlatform.acquireContext

# Defined in

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

# addEventListener

▸ addEventListener(chart, type, listener): void

Registers the specified listener on the given chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to listen for event
type string The (ChartEvent) type to listen for
listener (e: ChartEvent) => void Receives a notification (an object that implements the ChartEvent interface) when an event of the specified type occurs.

# Returns

void

# Inherited from

BasePlatform.addEventListener

# Defined in

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

# getDevicePixelRatio

▸ getDevicePixelRatio(): number

# Returns

number

the current devicePixelRatio of the device this platform is connected to.

# Inherited from

BasePlatform.getDevicePixelRatio

# Defined in

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

# getMaximumSize

▸ getMaximumSize(canvas, width?, height?, aspectRatio?): Object

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas for which to calculate the maximum size
width? number Parent element's content width
height? number Parent element's content height
aspectRatio? number The aspect ratio to maintain

# Returns

Object

the maximum size available.

Name Type
height number
width number

# Inherited from

BasePlatform.getMaximumSize

# Defined in

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

# isAttached

▸ isAttached(canvas): boolean

# Parameters

Name Type
canvas HTMLCanvasElement

# Returns

boolean

true if the canvas is attached to the platform, false if not.

# Inherited from

BasePlatform.isAttached

# Defined in

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

# releaseContext

▸ releaseContext(context): boolean

Called at chart destruction time, releases any resources associated to the context +previously returned by the acquireContext() method.

# Parameters

Name Type Description
context CanvasRenderingContext2D The context2d instance

# Returns

boolean

true if the method succeeded, else false

# Inherited from

BasePlatform.releaseContext

# Defined in

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

# removeEventListener

▸ removeEventListener(chart, type, listener): void

Removes the specified listener previously registered with addEventListener.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to remove the listener
type string The (ChartEvent) type to remove
listener (e: ChartEvent) => void The listener function to remove from the event target.

# Returns

void

# Inherited from

BasePlatform.removeEventListener

# Defined in

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

# updateConfig

▸ updateConfig(config): void

Updates config with platform specific requirements

# Parameters

Name Type
config ChartConfiguration<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> | ChartConfigurationCustomTypesPerDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

BasePlatform.updateConfig

# Defined in

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

← →

- + diff --git a/docs/master/api/classes/Chart.html b/docs/master/api/classes/Chart.html index 05a9f866e3..e786b2bd15 100644 --- a/docs/master/api/classes/Chart.html +++ b/docs/master/api/classes/Chart.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: Chart<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Constructors

# constructor

• new Chart<TType, TData, TLabel>(item, config)

# Type parameters

Name Type
TType extends keyof ChartTypeRegistry = keyof ChartTypeRegistry
TData DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>
TLabel unknown

# Parameters

Name Type
item ChartItem
config ChartConfiguration<TType, TData, TLabel> | ChartConfigurationCustomTypesPerDataset<TType, TData, TLabel>

# Defined in

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

# Properties

# aspectRatio

• Readonly aspectRatio: number

# Defined in

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

# attached

• Readonly attached: boolean

# Defined in

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

# boxes

• Readonly boxes: LayoutItem[]

# Defined in

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

# canvas

• Readonly canvas: HTMLCanvasElement

# Defined in

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

# chartArea

• Readonly chartArea: ChartArea

# Defined in

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

# config

• Readonly config: ChartConfiguration<TType, TData, TLabel> | ChartConfigurationCustomTypesPerDataset<TType, TData, TLabel>

# Defined in

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

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Defined in

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

# currentDevicePixelRatio

• Readonly currentDevicePixelRatio: number

# Defined in

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

# data

• data: ChartData<TType, TData, TLabel>

# Defined in

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

# height

• Readonly height: number

# Defined in

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

# id

• Readonly id: string

# Defined in

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

# legend

• Optional Readonly legend: LegendElement<TType>

# Defined in

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

# options

• options: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, _DeepPartialArray<unknown>>

# Defined in

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

# platform

• Readonly platform: BasePlatform

# Defined in

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

# scales

• Readonly scales: Object

# Index signature

▪ [key: string]: Scale

# Defined in

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

# tooltip

• Optional Readonly tooltip: TooltipModel<TType>

# Defined in

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

# width

• Readonly width: number

# Defined in

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

# defaults

▪ Static Readonly defaults: Defaults

# Defined in

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

# instances

▪ Static Readonly instances: Object

# Index signature

▪ [key: string]: Chart

# Defined in

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

# overrides

▪ Static Readonly overrides: Overrides

# Defined in

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

# registry

▪ Static Readonly registry: Registry

# Defined in

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

# version

▪ Static Readonly version: string

# Defined in

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

# Methods

# bindEvents

▸ bindEvents(): void

# Returns

void

# Defined in

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

# buildOrUpdateControllers

▸ buildOrUpdateControllers(): void

# Returns

void

# Defined in

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

# buildOrUpdateScales

▸ buildOrUpdateScales(): void

# Returns

void

# Defined in

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

# clear

▸ clear(): Chart<TType, TData, TLabel>

# Returns

Chart<TType, TData, TLabel>

# Defined in

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

# destroy

▸ destroy(): void

# Returns

void

# Defined in

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

# draw

▸ draw(): void

# Returns

void

# Defined in

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

# ensureScalesHaveIDs

▸ ensureScalesHaveIDs(): void

# Returns

void

# Defined in

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

# getActiveElements

▸ getActiveElements(): ActiveElement[]

# Returns

ActiveElement[]

# Defined in

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

# getContext

▸ getContext(): Object

# Returns

Object

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
type string

# Defined in

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

# getDataVisibility

▸ getDataVisibility(index): boolean

# Parameters

Name Type
index number

# Returns

boolean

# Defined in

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

# getDatasetMeta

▸ getDatasetMeta(datasetIndex): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Parameters

Name Type
datasetIndex number

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Defined in

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

# getElementsAtEventForMode

▸ getElementsAtEventForMode(e, mode, options, useFinalPosition): InteractionItem[]

# Parameters

Name Type
e Event
mode string
options InteractionOptions
useFinalPosition boolean

# Returns

InteractionItem[]

# Defined in

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

# getSortedVisibleDatasetMetas

▸ getSortedVisibleDatasetMetas(): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Defined in

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

# getVisibleDatasetCount

▸ getVisibleDatasetCount(): number

# Returns

number

# Defined in

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

# hide

▸ hide(datasetIndex, dataIndex?): void

# Parameters

Name Type
datasetIndex number
dataIndex? number

# Returns

void

# Defined in

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

# isDatasetVisible

▸ isDatasetVisible(datasetIndex): boolean

# Parameters

Name Type
datasetIndex number

# Returns

boolean

# Defined in

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

# isPluginEnabled

▸ isPluginEnabled(pluginId): boolean

# Parameters

Name Type
pluginId string

# Returns

boolean

# Defined in

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

# isPointInArea

▸ isPointInArea(point): boolean

# Parameters

Name Type
point Point

# Returns

boolean

# Defined in

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

# notifyPlugins

▸ notifyPlugins(hook, args?): boolean | void

# Parameters

Name Type
hook string
args? AnyObject

# Returns

boolean | void

# Defined in

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

# render

▸ render(): void

# Returns

void

# Defined in

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

# reset

▸ reset(): void

# Returns

void

# Defined in

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

# resize

▸ resize(width?, height?): void

# Parameters

Name Type
width? number
height? number

# Returns

void

# Defined in

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

# setActiveElements

▸ setActiveElements(active): void

# Parameters

Name Type
active ActiveDataPoint[]

# Returns

void

# Defined in

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

# setDatasetVisibility

▸ setDatasetVisibility(datasetIndex, visible): void

# Parameters

Name Type
datasetIndex number
visible boolean

# Returns

void

# Defined in

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

# show

▸ show(datasetIndex, dataIndex?): void

# Parameters

Name Type
datasetIndex number
dataIndex? number

# Returns

void

# Defined in

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

# stop

▸ stop(): Chart<TType, TData, TLabel>

# Returns

Chart<TType, TData, TLabel>

# Defined in

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

# toBase64Image

▸ toBase64Image(type?, quality?): string

# Parameters

Name Type
type? string
quality? unknown

# Returns

string

# Defined in

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

# toggleDataVisibility

▸ toggleDataVisibility(index): void

# Parameters

Name Type
index number

# Returns

void

# Defined in

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

# unbindEvents

▸ unbindEvents(): void

# Returns

void

# Defined in

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

# update

▸ update(mode?): void

# Parameters

Name Type
mode? "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" | (ctx: { datasetIndex: number }) => "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateHoverStyle

▸ updateHoverStyle(items, mode, enabled): void

# Parameters

Name Type
items InteractionItem[]
mode "dataset"
enabled boolean

# Returns

void

# Defined in

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

# getChart

▸ Static getChart(key): Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Parameters

Name Type
key string | HTMLCanvasElement | CanvasRenderingContext2D

# Returns

Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

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

# register

▸ Static register(...items): void

# Parameters

Name Type
...items ChartComponentLike[]

# Returns

void

# Defined in

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

# unregister

▸ Static unregister(...items): void

# Parameters

Name Type
...items ChartComponentLike[]

# Returns

void

# Defined in

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

+ (opens new window)

# Class: Chart<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Constructors

# constructor

• new Chart<TType, TData, TLabel>(item, config)

# Type parameters

Name Type
TType extends keyof ChartTypeRegistry = keyof ChartTypeRegistry
TData DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>
TLabel unknown

# Parameters

Name Type
item ChartItem
config ChartConfiguration<TType, TData, TLabel> | ChartConfigurationCustomTypesPerDataset<TType, TData, TLabel>

# Defined in

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

# Properties

# aspectRatio

• Readonly aspectRatio: number

# Defined in

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

# attached

• Readonly attached: boolean

# Defined in

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

# boxes

• Readonly boxes: LayoutItem[]

# Defined in

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

# canvas

• Readonly canvas: HTMLCanvasElement

# Defined in

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

# chartArea

• Readonly chartArea: ChartArea

# Defined in

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

# config

• Readonly config: ChartConfiguration<TType, TData, TLabel> | ChartConfigurationCustomTypesPerDataset<TType, TData, TLabel>

# Defined in

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

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Defined in

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

# currentDevicePixelRatio

• Readonly currentDevicePixelRatio: number

# Defined in

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

# data

• data: ChartData<TType, TData, TLabel>

# Defined in

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

# height

• Readonly height: number

# Defined in

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

# id

• Readonly id: string

# Defined in

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

# legend

• Optional Readonly legend: LegendElement<TType>

# Defined in

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

# options

• options: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, _DeepPartialArray<unknown>>

# Defined in

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

# platform

• Readonly platform: BasePlatform

# Defined in

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

# scales

• Readonly scales: Object

# Index signature

▪ [key: string]: Scale

# Defined in

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

# tooltip

• Optional Readonly tooltip: TooltipModel<TType>

# Defined in

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

# width

• Readonly width: number

# Defined in

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

# defaults

▪ Static Readonly defaults: Defaults

# Defined in

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

# instances

▪ Static Readonly instances: Object

# Index signature

▪ [key: string]: Chart

# Defined in

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

# overrides

▪ Static Readonly overrides: Overrides

# Defined in

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

# registry

▪ Static Readonly registry: Registry

# Defined in

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

# version

▪ Static Readonly version: string

# Defined in

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

# Methods

# bindEvents

▸ bindEvents(): void

# Returns

void

# Defined in

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

# buildOrUpdateControllers

▸ buildOrUpdateControllers(): void

# Returns

void

# Defined in

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

# buildOrUpdateScales

▸ buildOrUpdateScales(): void

# Returns

void

# Defined in

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

# clear

▸ clear(): Chart<TType, TData, TLabel>

# Returns

Chart<TType, TData, TLabel>

# Defined in

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

# destroy

▸ destroy(): void

# Returns

void

# Defined in

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

# draw

▸ draw(): void

# Returns

void

# Defined in

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

# ensureScalesHaveIDs

▸ ensureScalesHaveIDs(): void

# Returns

void

# Defined in

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

# getActiveElements

▸ getActiveElements(): ActiveElement[]

# Returns

ActiveElement[]

# Defined in

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

# getContext

▸ getContext(): Object

# Returns

Object

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
type string

# Defined in

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

# getDataVisibility

▸ getDataVisibility(index): boolean

# Parameters

Name Type
index number

# Returns

boolean

# Defined in

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

# getDatasetMeta

▸ getDatasetMeta(datasetIndex): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Parameters

Name Type
datasetIndex number

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Defined in

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

# getElementsAtEventForMode

▸ getElementsAtEventForMode(e, mode, options, useFinalPosition): InteractionItem[]

# Parameters

Name Type
e Event
mode string
options InteractionOptions
useFinalPosition boolean

# Returns

InteractionItem[]

# Defined in

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

# getSortedVisibleDatasetMetas

▸ getSortedVisibleDatasetMetas(): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Defined in

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

# getVisibleDatasetCount

▸ getVisibleDatasetCount(): number

# Returns

number

# Defined in

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

# hide

▸ hide(datasetIndex, dataIndex?): void

# Parameters

Name Type
datasetIndex number
dataIndex? number

# Returns

void

# Defined in

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

# isDatasetVisible

▸ isDatasetVisible(datasetIndex): boolean

# Parameters

Name Type
datasetIndex number

# Returns

boolean

# Defined in

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

# isPluginEnabled

▸ isPluginEnabled(pluginId): boolean

# Parameters

Name Type
pluginId string

# Returns

boolean

# Defined in

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

# isPointInArea

▸ isPointInArea(point): boolean

# Parameters

Name Type
point Point

# Returns

boolean

# Defined in

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

# notifyPlugins

▸ notifyPlugins(hook, args?): boolean | void

# Parameters

Name Type
hook string
args? AnyObject

# Returns

boolean | void

# Defined in

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

# render

▸ render(): void

# Returns

void

# Defined in

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

# reset

▸ reset(): void

# Returns

void

# Defined in

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

# resize

▸ resize(width?, height?): void

# Parameters

Name Type
width? number
height? number

# Returns

void

# Defined in

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

# setActiveElements

▸ setActiveElements(active): void

# Parameters

Name Type
active ActiveDataPoint[]

# Returns

void

# Defined in

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

# setDatasetVisibility

▸ setDatasetVisibility(datasetIndex, visible): void

# Parameters

Name Type
datasetIndex number
visible boolean

# Returns

void

# Defined in

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

# show

▸ show(datasetIndex, dataIndex?): void

# Parameters

Name Type
datasetIndex number
dataIndex? number

# Returns

void

# Defined in

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

# stop

▸ stop(): Chart<TType, TData, TLabel>

# Returns

Chart<TType, TData, TLabel>

# Defined in

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

# toBase64Image

▸ toBase64Image(type?, quality?): string

# Parameters

Name Type
type? string
quality? unknown

# Returns

string

# Defined in

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

# toggleDataVisibility

▸ toggleDataVisibility(index): void

# Parameters

Name Type
index number

# Returns

void

# Defined in

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

# unbindEvents

▸ unbindEvents(): void

# Returns

void

# Defined in

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

# update

▸ update(mode?): void

# Parameters

Name Type
mode? "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" | (ctx: { datasetIndex: number }) => "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateHoverStyle

▸ updateHoverStyle(items, mode, enabled): void

# Parameters

Name Type
items InteractionItem[]
mode "dataset"
enabled boolean

# Returns

void

# Defined in

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

# getChart

▸ Static getChart(key): Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Parameters

Name Type
key string | HTMLCanvasElement | CanvasRenderingContext2D

# Returns

Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

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

# register

▸ Static register(...items): void

# Parameters

Name Type
...items ChartComponentLike[]

# Returns

void

# Defined in

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

# unregister

▸ Static unregister(...items): void

# Parameters

Name Type
...items ChartComponentLike[]

# Returns

void

# Defined in

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

← →

- + diff --git a/docs/master/api/classes/DatasetController.html b/docs/master/api/classes/DatasetController.html index dcbd5780d7..bf80f77714 100644 --- a/docs/master/api/classes/DatasetController.html +++ b/docs/master/api/classes/DatasetController.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: DatasetController<TType, TElement, TDatasetElement, TParsedData>

# Type parameters

Name Type
TType extends ChartType = ChartType
TElement extends Element = Element
TDatasetElement extends Element = Element
TParsedData ParsedDataType<TType>

# Hierarchy

# Constructors

# constructor

• new DatasetController<TType, TElement, TDatasetElement, TParsedData>(chart, datasetIndex)

# Type parameters

Name Type
TType extends keyof ChartTypeRegistry = keyof ChartTypeRegistry
TElement extends default<AnyObject, AnyObject, TElement> = default<AnyObject, AnyObject>
TDatasetElement extends default<AnyObject, AnyObject, TDatasetElement> = default<AnyObject, AnyObject>
TParsedData ParsedDataType<TType>

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
datasetIndex number

# Defined in

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

# Properties

# _cachedMeta

• Readonly _cachedMeta: ChartMeta<TType, TElement, TDatasetElement>

# Defined in

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

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

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

# enableOptionSharing

• enableOptionSharing: boolean

# Defined in

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

# index

• Readonly index: number

# Defined in

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

# supportsDecimation

• supportsDecimation: boolean

# Defined in

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

# Methods

# addElements

▸ addElements(): void

# Returns

void

# Defined in

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

# applyStack

▸ Protected applyStack(scale, parsed): number

# Parameters

Name Type
scale Scale<CoreScaleOptions>
parsed unknown[]

# Returns

number

# Defined in

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

# buildOrUpdateElements

▸ buildOrUpdateElements(resetNewElements?): void

# Parameters

Name Type
resetNewElements? boolean

# Returns

void

# Defined in

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

# configure

▸ configure(): void

# Returns

void

# Defined in

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

# draw

▸ draw(): void

# Returns

void

# Defined in

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

# getAllParsedValues

▸ getAllParsedValues(scale): number[]

# Parameters

Name Type
scale Scale<CoreScaleOptions>

# Returns

number[]

# Defined in

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

# getDataset

▸ getDataset(): ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Returns

ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Defined in

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

# getLabelAndValue

▸ Protected getLabelAndValue(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
label string
value string

# Defined in

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

# getMaxOverflow

▸ Protected getMaxOverflow(): number | boolean

# Returns

number | boolean

# Defined in

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

# getMeta

▸ getMeta(): ChartMeta<TType, TElement, TDatasetElement>

# Returns

ChartMeta<TType, TElement, TDatasetElement>

# Defined in

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

# getMinMax

▸ Protected getMinMax(scale, canStack?): Object

# Parameters

Name Type
scale Scale<CoreScaleOptions>
canStack? boolean

# Returns

Object

Name Type
max number
min number

# Defined in

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

# getParsed

▸ Protected getParsed(index): TParsedData

# Parameters

Name Type
index number

# Returns

TParsedData

# Defined in

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

# getScaleForId

▸ getScaleForId(scaleID): Scale<CoreScaleOptions>

# Parameters

Name Type
scaleID string

# Returns

Scale<CoreScaleOptions>

# Defined in

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

# getSharedOptions

▸ Protected getSharedOptions(options): AnyObject

Utility for checking if the options are shared and should be animated separately.

# Parameters

Name Type
options AnyObject

# Returns

AnyObject

# Defined in

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

# getStyle

▸ getStyle(index, active): AnyObject

# Parameters

Name Type
index number
active boolean

# Returns

AnyObject

# Defined in

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

# includeOptions

▸ Protected includeOptions(mode, sharedOptions): boolean

Utility for determining if options should be included in the updated properties

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
sharedOptions AnyObject

# Returns

boolean

# Defined in

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

# initialize

▸ initialize(): void

# Returns

void

# Defined in

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

# linkScales

▸ linkScales(): void

# Returns

void

# Defined in

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

# parse

▸ parse(start, count): void

# Parameters

Name Type
start number
count number

# Returns

void

# Defined in

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

# parseArrayData

▸ Protected parseArrayData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<TType, TElement, TDatasetElement>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Defined in

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

# parseObjectData

▸ Protected parseObjectData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<TType, TElement, TDatasetElement>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Defined in

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

# parsePrimitiveData

▸ Protected parsePrimitiveData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<TType, TElement, TDatasetElement>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Defined in

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

# removeHoverStyle

▸ removeHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element TElement
datasetIndex number
index number

# Returns

void

# Defined in

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

# reset

▸ reset(): void

# Returns

void

# Defined in

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

# resolveDataElementOptions

▸ Protected resolveDataElementOptions(index, mode): AnyObject

# Parameters

Name Type
index number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Defined in

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

# resolveDatasetElementOptions

▸ Protected resolveDatasetElementOptions(mode): AnyObject

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Defined in

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

# setHoverStyle

▸ setHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element TElement
datasetIndex number
index number

# Returns

void

# Defined in

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

# update

▸ update(mode): void

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateElement

▸ Protected updateElement(element, index, properties, mode): void

Utility for updating an element with new properties, using animations when appropriate.

# Parameters

Name Type
element TElement | TDatasetElement
index number
properties AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateElements

▸ updateElements(elements, start, count, mode): void

# Parameters

Name Type
elements TElement[]
start number
count number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateIndex

▸ updateIndex(datasetIndex): void

# Parameters

Name Type
datasetIndex number

# Returns

void

# Defined in

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

# updateRangeFromParsed

▸ Protected updateRangeFromParsed(range, scale, parsed, stack): void

# Parameters

Name Type
range Object
range.max number
range.min number
scale Scale<CoreScaleOptions>
parsed unknown[]
stack string | boolean

# Returns

void

# Defined in

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

# updateSharedOptions

▸ Protected updateSharedOptions(sharedOptions, mode, newOptions): void

Utility to animate the shared options, that are potentially affecting multiple elements.

# Parameters

Name Type
sharedOptions AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
newOptions AnyObject

# Returns

void

# Defined in

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

+ (opens new window)

# Class: DatasetController<TType, TElement, TDatasetElement, TParsedData>

# Type parameters

Name Type
TType extends ChartType = ChartType
TElement extends Element = Element
TDatasetElement extends Element = Element
TParsedData ParsedDataType<TType>

# Hierarchy

# Constructors

# constructor

• new DatasetController<TType, TElement, TDatasetElement, TParsedData>(chart, datasetIndex)

# Type parameters

Name Type
TType extends keyof ChartTypeRegistry = keyof ChartTypeRegistry
TElement extends default<AnyObject, AnyObject, TElement> = default<AnyObject, AnyObject>
TDatasetElement extends default<AnyObject, AnyObject, TDatasetElement> = default<AnyObject, AnyObject>
TParsedData ParsedDataType<TType>

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
datasetIndex number

# Defined in

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

# Properties

# _cachedMeta

• Readonly _cachedMeta: ChartMeta<TType, TElement, TDatasetElement>

# Defined in

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

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

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

# enableOptionSharing

• enableOptionSharing: boolean

# Defined in

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

# index

• Readonly index: number

# Defined in

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

# supportsDecimation

• supportsDecimation: boolean

# Defined in

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

# Methods

# addElements

▸ addElements(): void

# Returns

void

# Defined in

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

# applyStack

▸ Protected applyStack(scale, parsed): number

# Parameters

Name Type
scale Scale<CoreScaleOptions>
parsed unknown[]

# Returns

number

# Defined in

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

# buildOrUpdateElements

▸ buildOrUpdateElements(resetNewElements?): void

# Parameters

Name Type
resetNewElements? boolean

# Returns

void

# Defined in

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

# configure

▸ configure(): void

# Returns

void

# Defined in

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

# draw

▸ draw(): void

# Returns

void

# Defined in

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

# getAllParsedValues

▸ getAllParsedValues(scale): number[]

# Parameters

Name Type
scale Scale<CoreScaleOptions>

# Returns

number[]

# Defined in

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

# getDataset

▸ getDataset(): ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Returns

ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Defined in

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

# getLabelAndValue

▸ Protected getLabelAndValue(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
label string
value string

# Defined in

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

# getMaxOverflow

▸ Protected getMaxOverflow(): number | boolean

# Returns

number | boolean

# Defined in

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

# getMeta

▸ getMeta(): ChartMeta<TType, TElement, TDatasetElement>

# Returns

ChartMeta<TType, TElement, TDatasetElement>

# Defined in

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

# getMinMax

▸ Protected getMinMax(scale, canStack?): Object

# Parameters

Name Type
scale Scale<CoreScaleOptions>
canStack? boolean

# Returns

Object

Name Type
max number
min number

# Defined in

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

# getParsed

▸ Protected getParsed(index): TParsedData

# Parameters

Name Type
index number

# Returns

TParsedData

# Defined in

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

# getScaleForId

▸ getScaleForId(scaleID): Scale<CoreScaleOptions>

# Parameters

Name Type
scaleID string

# Returns

Scale<CoreScaleOptions>

# Defined in

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

# getSharedOptions

▸ Protected getSharedOptions(options): AnyObject

Utility for checking if the options are shared and should be animated separately.

# Parameters

Name Type
options AnyObject

# Returns

AnyObject

# Defined in

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

# getStyle

▸ getStyle(index, active): AnyObject

# Parameters

Name Type
index number
active boolean

# Returns

AnyObject

# Defined in

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

# includeOptions

▸ Protected includeOptions(mode, sharedOptions): boolean

Utility for determining if options should be included in the updated properties

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
sharedOptions AnyObject

# Returns

boolean

# Defined in

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

# initialize

▸ initialize(): void

# Returns

void

# Defined in

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

# linkScales

▸ linkScales(): void

# Returns

void

# Defined in

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

# parse

▸ parse(start, count): void

# Parameters

Name Type
start number
count number

# Returns

void

# Defined in

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

# parseArrayData

▸ Protected parseArrayData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<TType, TElement, TDatasetElement>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Defined in

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

# parseObjectData

▸ Protected parseObjectData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<TType, TElement, TDatasetElement>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Defined in

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

# parsePrimitiveData

▸ Protected parsePrimitiveData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<TType, TElement, TDatasetElement>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Defined in

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

# removeHoverStyle

▸ removeHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element TElement
datasetIndex number
index number

# Returns

void

# Defined in

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

# reset

▸ reset(): void

# Returns

void

# Defined in

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

# resolveDataElementOptions

▸ Protected resolveDataElementOptions(index, mode): AnyObject

# Parameters

Name Type
index number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Defined in

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

# resolveDatasetElementOptions

▸ Protected resolveDatasetElementOptions(mode): AnyObject

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Defined in

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

# setHoverStyle

▸ setHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element TElement
datasetIndex number
index number

# Returns

void

# Defined in

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

# update

▸ update(mode): void

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateElement

▸ Protected updateElement(element, index, properties, mode): void

Utility for updating an element with new properties, using animations when appropriate.

# Parameters

Name Type
element TElement | TDatasetElement
index number
properties AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateElements

▸ updateElements(elements, start, count, mode): void

# Parameters

Name Type
elements TElement[]
start number
count number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Defined in

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

# updateIndex

▸ updateIndex(datasetIndex): void

# Parameters

Name Type
datasetIndex number

# Returns

void

# Defined in

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

# updateRangeFromParsed

▸ Protected updateRangeFromParsed(range, scale, parsed, stack): void

# Parameters

Name Type
range Object
range.max number
range.min number
scale Scale<CoreScaleOptions>
parsed unknown[]
stack string | boolean

# Returns

void

# Defined in

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

# updateSharedOptions

▸ Protected updateSharedOptions(sharedOptions, mode, newOptions): void

Utility to animate the shared options, that are potentially affecting multiple elements.

# Parameters

Name Type
sharedOptions AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
newOptions AnyObject

# Returns

void

# Defined in

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

← →

- + diff --git a/docs/master/api/classes/DomPlatform.html b/docs/master/api/classes/DomPlatform.html index c7875366fe..0a24dfc7e5 100644 --- a/docs/master/api/classes/DomPlatform.html +++ b/docs/master/api/classes/DomPlatform.html @@ -7,7 +7,7 @@ - + @@ -40,8 +40,8 @@ (opens new window) GitHub (opens new window)

# Class: DomPlatform

# Hierarchy

# Constructors

# constructor

• new DomPlatform()

# Inherited from

BasePlatform.constructor

# Methods

# acquireContext

▸ acquireContext(canvas, options?): CanvasRenderingContext2D

Called at chart construction time, returns a context2d instance implementing -the [W3C Canvas 2D Context API standard]https://www.w3.org/TR/2dcontext/ (opens new window).

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas from which to acquire context (platform specific)
options? CanvasRenderingContext2DSettings The chart options

# Returns

CanvasRenderingContext2D

# Inherited from

BasePlatform.acquireContext

# Defined in

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

# addEventListener

▸ addEventListener(chart, type, listener): void

Registers the specified listener on the given chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to listen for event
type string The (ChartEvent) type to listen for
listener (e: ChartEvent) => void Receives a notification (an object that implements the ChartEvent interface) when an event of the specified type occurs.

# Returns

void

# Inherited from

BasePlatform.addEventListener

# Defined in

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

# getDevicePixelRatio

▸ getDevicePixelRatio(): number

# Returns

number

the current devicePixelRatio of the device this platform is connected to.

# Inherited from

BasePlatform.getDevicePixelRatio

# Defined in

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

# getMaximumSize

▸ getMaximumSize(canvas, width?, height?, aspectRatio?): Object

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas for which to calculate the maximum size
width? number Parent element's content width
height? number Parent element's content height
aspectRatio? number The aspect ratio to maintain

# Returns

Object

the maximum size available.

Name Type
height number
width number

# Inherited from

BasePlatform.getMaximumSize

# Defined in

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

# isAttached

▸ isAttached(canvas): boolean

# Parameters

Name Type
canvas HTMLCanvasElement

# Returns

boolean

true if the canvas is attached to the platform, false if not.

# Inherited from

BasePlatform.isAttached

# Defined in

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

# releaseContext

▸ releaseContext(context): boolean

Called at chart destruction time, releases any resources associated to the context -previously returned by the acquireContext() method.

# Parameters

Name Type Description
context CanvasRenderingContext2D The context2d instance

# Returns

boolean

true if the method succeeded, else false

# Inherited from

BasePlatform.releaseContext

# Defined in

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

# removeEventListener

▸ removeEventListener(chart, type, listener): void

Removes the specified listener previously registered with addEventListener.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to remove the listener
type string The (ChartEvent) type to remove
listener (e: ChartEvent) => void The listener function to remove from the event target.

# Returns

void

# Inherited from

BasePlatform.removeEventListener

# Defined in

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

# updateConfig

▸ updateConfig(config): void

Updates config with platform specific requirements

# Parameters

Name Type
config ChartConfiguration<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> | ChartConfigurationCustomTypesPerDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

BasePlatform.updateConfig

# Defined in

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

+the [W3C Canvas 2D Context API standard]https://www.w3.org/TR/2dcontext/ (opens new window).

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas from which to acquire context (platform specific)
options? CanvasRenderingContext2DSettings The chart options

# Returns

CanvasRenderingContext2D

# Inherited from

BasePlatform.acquireContext

# Defined in

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

# addEventListener

▸ addEventListener(chart, type, listener): void

Registers the specified listener on the given chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to listen for event
type string The (ChartEvent) type to listen for
listener (e: ChartEvent) => void Receives a notification (an object that implements the ChartEvent interface) when an event of the specified type occurs.

# Returns

void

# Inherited from

BasePlatform.addEventListener

# Defined in

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

# getDevicePixelRatio

▸ getDevicePixelRatio(): number

# Returns

number

the current devicePixelRatio of the device this platform is connected to.

# Inherited from

BasePlatform.getDevicePixelRatio

# Defined in

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

# getMaximumSize

▸ getMaximumSize(canvas, width?, height?, aspectRatio?): Object

# Parameters

Name Type Description
canvas HTMLCanvasElement The canvas for which to calculate the maximum size
width? number Parent element's content width
height? number Parent element's content height
aspectRatio? number The aspect ratio to maintain

# Returns

Object

the maximum size available.

Name Type
height number
width number

# Inherited from

BasePlatform.getMaximumSize

# Defined in

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

# isAttached

▸ isAttached(canvas): boolean

# Parameters

Name Type
canvas HTMLCanvasElement

# Returns

boolean

true if the canvas is attached to the platform, false if not.

# Inherited from

BasePlatform.isAttached

# Defined in

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

# releaseContext

▸ releaseContext(context): boolean

Called at chart destruction time, releases any resources associated to the context +previously returned by the acquireContext() method.

# Parameters

Name Type Description
context CanvasRenderingContext2D The context2d instance

# Returns

boolean

true if the method succeeded, else false

# Inherited from

BasePlatform.releaseContext

# Defined in

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

# removeEventListener

▸ removeEventListener(chart, type, listener): void

Removes the specified listener previously registered with addEventListener.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> Chart from which to remove the listener
type string The (ChartEvent) type to remove
listener (e: ChartEvent) => void The listener function to remove from the event target.

# Returns

void

# Inherited from

BasePlatform.removeEventListener

# Defined in

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

# updateConfig

▸ updateConfig(config): void

Updates config with platform specific requirements

# Parameters

Name Type
config ChartConfiguration<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> | ChartConfigurationCustomTypesPerDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

BasePlatform.updateConfig

# Defined in

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

← →

- + diff --git a/docs/master/api/classes/PointElement.html b/docs/master/api/classes/PointElement.html index 484005a057..95a2d41594 100644 --- a/docs/master/api/classes/PointElement.html +++ b/docs/master/api/classes/PointElement.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: PointElement

# Hierarchy

# Constructors

# constructor

• new PointElement(cfg)

# Parameters

Name Type
cfg any

# Overrides

Element<PointProps, PointOptions & PointHoverOptions&gt;.constructor

# Defined in

elements/element.point.ts:49 (opens new window)

# Properties

# $animations

• $animations: Record<keyof Point, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# options

• options: PointOptions & PointHoverOptions

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# parsed

• parsed: CartesianParsedData

# Defined in

elements/element.point.ts:24 (opens new window)

# skip

• Optional skip: boolean

# Defined in

elements/element.point.ts:25 (opens new window)

# stop

• Optional stop: boolean

# Defined in

elements/element.point.ts:26 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# defaultRoutes

▪ Static defaultRoutes: Object

# Type declaration

Name Type
backgroundColor string
borderColor string

# Overrides

Element.defaultRoutes

# Defined in

elements/element.point.ts:44 (opens new window)

# defaults

▪ Static defaults: Object

# Type declaration

Name Type
borderWidth number
hitRadius number
hoverBorderWidth number
hoverRadius number
pointStyle string
radius number
rotation number

# Overrides

Element.defaults

# Defined in

elements/element.point.ts:31 (opens new window)

# id

▪ Static id: string = 'point'

# Defined in

elements/element.point.ts:22 (opens new window)

# Methods

# draw

▸ draw(ctx, area): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area ChartArea

# Returns

void

# Defined in

elements/element.point.ts:89 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Object

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Object

Name Type
x number
y number

# Defined in

elements/element.point.ts:76 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<Point, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof Point[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<Point, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getRange

▸ getRange(): any

# Returns

any

# Defined in

elements/element.point.ts:102 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

elements/element.point.ts:62 (opens new window)

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Defined in

elements/element.point.ts:68 (opens new window)

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

elements/element.point.ts:72 (opens new window)

# size

▸ size(options?): number

# Parameters

Name Type
options? Partial<PointOptions & PointHoverOptions>

# Returns

number

# Defined in

elements/element.point.ts:81 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

+ (opens new window)

# Class: PointElement

# Hierarchy

# Constructors

# constructor

• new PointElement(cfg)

# Parameters

Name Type
cfg any

# Overrides

Element<PointProps, PointOptions & PointHoverOptions&gt;.constructor

# Defined in

elements/element.point.ts:49 (opens new window)

# Properties

# $animations

• $animations: Record<keyof Point, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# options

• options: PointOptions & PointHoverOptions

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# parsed

• parsed: CartesianParsedData

# Defined in

elements/element.point.ts:24 (opens new window)

# skip

• Optional skip: boolean

# Defined in

elements/element.point.ts:25 (opens new window)

# stop

• Optional stop: boolean

# Defined in

elements/element.point.ts:26 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# defaultRoutes

▪ Static defaultRoutes: Object

# Type declaration

Name Type
backgroundColor string
borderColor string

# Overrides

Element.defaultRoutes

# Defined in

elements/element.point.ts:44 (opens new window)

# defaults

▪ Static defaults: Object

# Type declaration

Name Type
borderWidth number
hitRadius number
hoverBorderWidth number
hoverRadius number
pointStyle string
radius number
rotation number

# Overrides

Element.defaults

# Defined in

elements/element.point.ts:31 (opens new window)

# id

▪ Static id: string = 'point'

# Defined in

elements/element.point.ts:22 (opens new window)

# Methods

# draw

▸ draw(ctx, area): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area ChartArea

# Returns

void

# Defined in

elements/element.point.ts:89 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Object

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Object

Name Type
x number
y number

# Defined in

elements/element.point.ts:76 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<Point, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof Point[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<Point, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getRange

▸ getRange(): any

# Returns

any

# Defined in

elements/element.point.ts:102 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

elements/element.point.ts:62 (opens new window)

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Defined in

elements/element.point.ts:68 (opens new window)

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

elements/element.point.ts:72 (opens new window)

# size

▸ size(options?): number

# Parameters

Name Type
options? Partial<PointOptions & PointHoverOptions>

# Returns

number

# Defined in

elements/element.point.ts:81 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

← →

- + diff --git a/docs/master/api/classes/Scale.html b/docs/master/api/classes/Scale.html index e570d20846..482a499ec9 100644 --- a/docs/master/api/classes/Scale.html +++ b/docs/master/api/classes/Scale.html @@ -7,7 +7,7 @@ - + @@ -39,12 +39,12 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Class: Scale<O>

# Type parameters

Name Type
O extends CoreScaleOptions = CoreScaleOptions

# Hierarchy

# Constructors

# constructor

• new Scale<O>(cfg)

# Type parameters

Name Type
O extends CoreScaleOptions = CoreScaleOptions

# Parameters

Name Type
cfg Object
cfg.chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
cfg.ctx CanvasRenderingContext2D
cfg.id string
cfg.type string

# Inherited from

Element<unknown, O>.constructor

# Defined in

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

# Properties

# $animations

• $animations: Record<never, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# axis

• axis: string

# Defined in

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

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

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

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Defined in

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

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

LayoutItem.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

LayoutItem.height

# Defined in

types/layout.d.ts:25 (opens new window)

# id

• Readonly id: string

# Defined in

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

# labelRotation

• labelRotation: number

# Defined in

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

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.left

# Defined in

types/layout.d.ts:29 (opens new window)

# max

• max: number

# Defined in

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

# maxHeight

• maxHeight: number

# Defined in

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

# maxWidth

• maxWidth: number

# Defined in

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

# min

• min: number

# Defined in

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

# options

• options: O

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# paddingBottom

• paddingBottom: number

# Defined in

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

# paddingLeft

• paddingLeft: number

# Defined in

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

# paddingRight

• paddingRight: number

# Defined in

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

# paddingTop

• paddingTop: number

# Defined in

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

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

LayoutItem.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.right

# Defined in

types/layout.d.ts:37 (opens new window)

# ticks

• ticks: Tick[]

# Defined in

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

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.top

# Defined in

types/layout.d.ts:33 (opens new window)

# type

• Readonly type: string

# Defined in

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

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

LayoutItem.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

LayoutItem.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(): void

# Returns

void

# Defined in

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

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(): void

# Returns

void

# Defined in

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

# afterDataLimits

▸ afterDataLimits(): void

# Returns

void

# Defined in

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

# afterFit

▸ afterFit(): void

# Returns

void

# Defined in

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

# afterSetDimensions

▸ afterSetDimensions(): void

# Returns

void

# Defined in

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

# afterTickToLabelConversion

▸ afterTickToLabelConversion(): void

# Returns

void

# Defined in

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

# afterUpdate

▸ afterUpdate(): void

# Returns

void

# Defined in

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

# beforeBuildTicks

▸ beforeBuildTicks(): void

# Returns

void

# Defined in

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

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(): void

# Returns

void

# Defined in

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

# beforeDataLimits

▸ beforeDataLimits(): void

# Returns

void

# Defined in

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

# beforeFit

▸ beforeFit(): void

# Returns

void

# Defined in

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

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

LayoutItem.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(): void

# Returns

void

# Defined in

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

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(): void

# Returns

void

# Defined in

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

# beforeUpdate

▸ beforeUpdate(): void

# Returns

void

# Defined in

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

# buildTicks

▸ buildTicks(): Tick[]

# Returns

Tick[]

# Defined in

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

# calculateLabelRotation

▸ calculateLabelRotation(): void

# Returns

void

# Defined in

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

# configure

▸ configure(): void

# Returns

void

# Defined in

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

# determineDataLimits

▸ determineDataLimits(): void

# Returns

void

# Defined in

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

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

LayoutItem.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# drawGrid

▸ drawGrid(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

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

# drawLabels

▸ drawLabels(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

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

# drawTitle

▸ drawTitle(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

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

# fit

▸ fit(): void

# Returns

void

# Defined in

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

# generateTickLabels

▸ generateTickLabels(ticks): void

# Parameters

Name Type
ticks Tick[]

# Returns

void

# Defined in

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

# getBasePixel

▸ getBasePixel(): number

Returns the pixel for the minimum chart value -The coordinate (0, 0) is at the upper-left corner of the canvas

# Returns

number

# Defined in

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

# getBaseValue

▸ getBaseValue(): number

# Returns

number

# Defined in

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

# getDecimalForPixel

▸ getDecimalForPixel(pixel): number

# Parameters

Name Type
pixel number

# Returns

number

# Defined in

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

# getLabelForValue

▸ getLabelForValue(value): string

Used to get the label to display in the tooltip for the given value

# Parameters

Name Type
value number

# Returns

string

# Defined in

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

# getLabelItems

▸ getLabelItems(chartArea?): LabelItem[]

# Parameters

Name Type
chartArea? ChartArea

# Returns

LabelItem[]

# Defined in

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

# getLabels

▸ getLabels(): string[]

# Returns

string[]

# Defined in

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

# getLineWidthForValue

▸ getLineWidthForValue(value): number

Returns the grid line width at given value

# Parameters

Name Type
value number

# Returns

number

# Defined in

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

# getMatchingVisibleMetas

▸ getMatchingVisibleMetas(type?): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Parameters

Name Type
type? string

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Defined in

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

# getMinMax

▸ getMinMax(canStack): Object

# Parameters

Name Type
canStack boolean

# Returns

Object

Name Type
max number
min number

# Defined in

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

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

LayoutItem.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getPixelForDecimal

▸ getPixelForDecimal(decimal): number

Utility for getting the pixel location of a percentage of scale -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
decimal number

# Returns

number

# Defined in

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

# getPixelForTick

▸ getPixelForTick(index): number

Returns the location of the tick at the given index -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
index number

# Returns

number

# Defined in

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

# getPixelForValue

▸ getPixelForValue(value, index?): number

Returns the location of the given data point. Value can either be an index or a numerical value -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
value number
index? number

# Returns

number

# Defined in

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

# getProps

▸ getProps<P>(props, final?): Pick<unknown, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends never[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<unknown, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getTicks

▸ getTicks(): Tick[]

# Returns

Tick[]

# Defined in

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

# getUserBounds

▸ getUserBounds(): Object

# Returns

Object

Name Type
max number
maxDefined boolean
min number
minDefined boolean

# Defined in

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

# getValueForPixel

▸ getValueForPixel(pixel): number

Used to get the data value from a given pixel. This is the inverse of getPixelForValue -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
pixel number

# Returns

number

# Defined in

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

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# init

▸ init(options): void

# Parameters

Name Type
options O

# Returns

void

# Defined in

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

# isFullSize

▸ isFullSize(): boolean

# Returns

boolean

# Defined in

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

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

LayoutItem.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# parse

▸ parse(raw, index?): unknown

# Parameters

Name Type
raw unknown
index? number

# Returns

unknown

# Defined in

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

# setDimensions

▸ setDimensions(): void

# Returns

void

# Defined in

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

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

LayoutItem.update

# Defined in

types/layout.d.ts:64 (opens new window)

+ (opens new window)

# Class: Scale<O>

# Type parameters

Name Type
O extends CoreScaleOptions = CoreScaleOptions

# Hierarchy

# Constructors

# constructor

• new Scale<O>(cfg)

# Type parameters

Name Type
O extends CoreScaleOptions = CoreScaleOptions

# Parameters

Name Type
cfg Object
cfg.chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
cfg.ctx CanvasRenderingContext2D
cfg.id string
cfg.type string

# Inherited from

Element<unknown, O>.constructor

# Defined in

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

# Properties

# $animations

• $animations: Record<never, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# axis

• axis: string

# Defined in

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

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

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

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Defined in

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

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

LayoutItem.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

LayoutItem.height

# Defined in

types/layout.d.ts:25 (opens new window)

# id

• Readonly id: string

# Defined in

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

# labelRotation

• labelRotation: number

# Defined in

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

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.left

# Defined in

types/layout.d.ts:29 (opens new window)

# max

• max: number

# Defined in

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

# maxHeight

• maxHeight: number

# Defined in

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

# maxWidth

• maxWidth: number

# Defined in

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

# min

• min: number

# Defined in

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

# options

• options: O

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# paddingBottom

• paddingBottom: number

# Defined in

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

# paddingLeft

• paddingLeft: number

# Defined in

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

# paddingRight

• paddingRight: number

# Defined in

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

# paddingTop

• paddingTop: number

# Defined in

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

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

LayoutItem.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.right

# Defined in

types/layout.d.ts:37 (opens new window)

# ticks

• ticks: Tick[]

# Defined in

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

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.top

# Defined in

types/layout.d.ts:33 (opens new window)

# type

• Readonly type: string

# Defined in

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

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

LayoutItem.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

LayoutItem.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(): void

# Returns

void

# Defined in

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

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(): void

# Returns

void

# Defined in

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

# afterDataLimits

▸ afterDataLimits(): void

# Returns

void

# Defined in

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

# afterFit

▸ afterFit(): void

# Returns

void

# Defined in

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

# afterSetDimensions

▸ afterSetDimensions(): void

# Returns

void

# Defined in

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

# afterTickToLabelConversion

▸ afterTickToLabelConversion(): void

# Returns

void

# Defined in

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

# afterUpdate

▸ afterUpdate(): void

# Returns

void

# Defined in

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

# beforeBuildTicks

▸ beforeBuildTicks(): void

# Returns

void

# Defined in

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

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(): void

# Returns

void

# Defined in

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

# beforeDataLimits

▸ beforeDataLimits(): void

# Returns

void

# Defined in

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

# beforeFit

▸ beforeFit(): void

# Returns

void

# Defined in

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

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

LayoutItem.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(): void

# Returns

void

# Defined in

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

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(): void

# Returns

void

# Defined in

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

# beforeUpdate

▸ beforeUpdate(): void

# Returns

void

# Defined in

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

# buildTicks

▸ buildTicks(): Tick[]

# Returns

Tick[]

# Defined in

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

# calculateLabelRotation

▸ calculateLabelRotation(): void

# Returns

void

# Defined in

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

# configure

▸ configure(): void

# Returns

void

# Defined in

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

# determineDataLimits

▸ determineDataLimits(): void

# Returns

void

# Defined in

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

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

LayoutItem.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# drawGrid

▸ drawGrid(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

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

# drawLabels

▸ drawLabels(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

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

# drawTitle

▸ drawTitle(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

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

# fit

▸ fit(): void

# Returns

void

# Defined in

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

# generateTickLabels

▸ generateTickLabels(ticks): void

# Parameters

Name Type
ticks Tick[]

# Returns

void

# Defined in

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

# getBasePixel

▸ getBasePixel(): number

Returns the pixel for the minimum chart value +The coordinate (0, 0) is at the upper-left corner of the canvas

# Returns

number

# Defined in

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

# getBaseValue

▸ getBaseValue(): number

# Returns

number

# Defined in

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

# getDecimalForPixel

▸ getDecimalForPixel(pixel): number

# Parameters

Name Type
pixel number

# Returns

number

# Defined in

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

# getLabelForValue

▸ getLabelForValue(value): string

Used to get the label to display in the tooltip for the given value

# Parameters

Name Type
value number

# Returns

string

# Defined in

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

# getLabelItems

▸ getLabelItems(chartArea?): LabelItem[]

# Parameters

Name Type
chartArea? ChartArea

# Returns

LabelItem[]

# Defined in

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

# getLabels

▸ getLabels(): string[]

# Returns

string[]

# Defined in

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

# getLineWidthForValue

▸ getLineWidthForValue(value): number

Returns the grid line width at given value

# Parameters

Name Type
value number

# Returns

number

# Defined in

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

# getMatchingVisibleMetas

▸ getMatchingVisibleMetas(type?): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Parameters

Name Type
type? string

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Defined in

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

# getMinMax

▸ getMinMax(canStack): Object

# Parameters

Name Type
canStack boolean

# Returns

Object

Name Type
max number
min number

# Defined in

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

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

LayoutItem.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getPixelForDecimal

▸ getPixelForDecimal(decimal): number

Utility for getting the pixel location of a percentage of scale +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
decimal number

# Returns

number

# Defined in

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

# getPixelForTick

▸ getPixelForTick(index): number

Returns the location of the tick at the given index +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
index number

# Returns

number

# Defined in

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

# getPixelForValue

▸ getPixelForValue(value, index?): number

Returns the location of the given data point. Value can either be an index or a numerical value +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
value number
index? number

# Returns

number

# Defined in

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

# getProps

▸ getProps<P>(props, final?): Pick<unknown, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends never[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<unknown, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getTicks

▸ getTicks(): Tick[]

# Returns

Tick[]

# Defined in

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

# getUserBounds

▸ getUserBounds(): Object

# Returns

Object

Name Type
max number
maxDefined boolean
min number
minDefined boolean

# Defined in

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

# getValueForPixel

▸ getValueForPixel(pixel): number

Used to get the data value from a given pixel. This is the inverse of getPixelForValue +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
pixel number

# Returns

number

# Defined in

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

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# init

▸ init(options): void

# Parameters

Name Type
options O

# Returns

void

# Defined in

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

# isFullSize

▸ isFullSize(): boolean

# Returns

boolean

# Defined in

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

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

LayoutItem.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# parse

▸ parse(raw, index?): unknown

# Parameters

Name Type
raw unknown
index? number

# Returns

unknown

# Defined in

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

# setDimensions

▸ setDimensions(): void

# Returns

void

# Defined in

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

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

LayoutItem.update

# Defined in

types/layout.d.ts:64 (opens new window)

← →

- + diff --git a/docs/master/api/enums/DecimationAlgorithm.html b/docs/master/api/enums/DecimationAlgorithm.html index e9b8080324..3a6953ce18 100644 --- a/docs/master/api/enums/DecimationAlgorithm.html +++ b/docs/master/api/enums/DecimationAlgorithm.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Enumeration: DecimationAlgorithm

# Enumeration Members

# lttb

• lttb = "lttb"

# Defined in

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

# minmax

• minmax = "min-max"

# Defined in

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

+ (opens new window)

# Enumeration: DecimationAlgorithm

# Enumeration Members

# lttb

• lttb = "lttb"

# Defined in

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

# minmax

• minmax = "min-max"

# Defined in

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

← →

- + diff --git a/docs/master/api/enums/UpdateModeEnum.html b/docs/master/api/enums/UpdateModeEnum.html index ce297d898d..96cf40342b 100644 --- a/docs/master/api/enums/UpdateModeEnum.html +++ b/docs/master/api/enums/UpdateModeEnum.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Enumeration: UpdateModeEnum

# Enumeration Members

# active

• active = "active"

# Defined in

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

# default

• default = "default"

# Defined in

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

# hide

• hide = "hide"

# Defined in

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

# none

• none = "none"

# Defined in

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

# reset

• reset = "reset"

# Defined in

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

# resize

• resize = "resize"

# Defined in

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

# show

• show = "show"

# Defined in

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

+ (opens new window)

# Enumeration: UpdateModeEnum

# Enumeration Members

# active

• active = "active"

# Defined in

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

# default

• default = "default"

# Defined in

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

# hide

• hide = "hide"

# Defined in

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

# none

• none = "none"

# Defined in

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

# reset

• reset = "reset"

# Defined in

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

# resize

• resize = "resize"

# Defined in

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

# show

• show = "show"

# Defined in

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

← →

- + diff --git a/docs/master/api/index.html b/docs/master/api/index.html index 3c4b3f70ee..1069f36d49 100644 --- a/docs/master/api/index.html +++ b/docs/master/api/index.html @@ -7,7 +7,7 @@ - + @@ -39,11 +39,11 @@ Stack Overflow (opens new window) GitHub - (opens new window)

  • API

    • Exports

    • Enumerations

    • Classes

    • Interfaces

# Chart.js - v4.4.6

# Enumerations

# Classes

# Interfaces

# Type Aliases

# Align

Ƭ Align: "start" | "center" | "end"

# Defined in

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

# AnimationOptions

Ƭ AnimationOptions<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Type declaration

Name Type
animation false | AnimationSpec<TType> & { onComplete?: (this: Chart, event: AnimationEvent) => void ; onProgress?: (this: Chart, event: AnimationEvent) => void }
animations AnimationsSpec<TType>
transitions TransitionsSpec<TType>

# Defined in

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

# AnimationSpec

Ƭ AnimationSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Type declaration

Name Type Description
delay? Scriptable<number, ScriptableContext<TType>> Delay before starting the animations. Default 0
duration? Scriptable<number, ScriptableContext<TType>> The number of milliseconds an animation takes. Default 1000
easing? Scriptable<EasingFunction, ScriptableContext<TType>> Easing function to use Default 'easeOutQuart'
loop? Scriptable<boolean, ScriptableContext<TType>> If set to true, the animations loop endlessly. Default false

# Defined in

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

# AnimationsSpec

Ƭ AnimationsSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Index signature

▪ [name: string]: false | AnimationSpec<TType> & { fn: <T>(from: T, to: T, factor: number) => T ; from: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; properties: string[] ; to: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; type: "color" | "number" | "boolean" }

# Defined in

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

# BarController

Ƭ BarController: DatasetController

# Defined in

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

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

# BubbleController

Ƭ BubbleController: DatasetController

# Defined in

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

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

# CartesianTickOptions

Ƭ CartesianTickOptions: TickOptions & { align: Align | "inner" ; autoSkip: boolean ; autoSkipPadding: number ; crossAlign: "near" | "center" | "far" ; includeBounds: boolean ; labelOffset: number ; maxRotation: number ; maxTicksLimit: number ; minRotation: number ; mirror: boolean ; padding: number ; sampleSize: number }

# Defined in

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

# CategoryScale

Ƭ CategoryScale<O>: Scale<O>

# Type parameters

Name Type
O extends CategoryScaleOptions = CategoryScaleOptions

# Defined in

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

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

# CategoryScaleOptions

Ƭ CategoryScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { labels: string[] | string[][] ; max: string | number ; min: string | number }

# Defined in

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

# ChartComponentLike

Ƭ ChartComponentLike: ChartComponent | ChartComponent[] | { [key: string]: ChartComponent; } | Plugin | Plugin[]

# Defined in

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

# ChartDataset

Ƭ ChartDataset<TType, TData>: DeepPartial<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }[TType]> & ChartDatasetProperties<TType, TData>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>

# Defined in

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

# ChartDatasetCustomTypesPerDataset

Ƭ ChartDatasetCustomTypesPerDataset<TType, TData>: DeepPartial<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }[TType]> & ChartDatasetPropertiesCustomTypesPerDataset<TType, TData>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>

# Defined in

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

# ChartItem

Ƭ ChartItem: string | CanvasRenderingContext2D | HTMLCanvasElement | { canvas: HTMLCanvasElement } | ArrayLike<CanvasRenderingContext2D | HTMLCanvasElement>

# Defined in

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

# ChartMeta

Ƭ ChartMeta<TType, TElement, TDatasetElement>: DeepPartial<{ [key in ChartType]: ChartTypeRegistry[key]["metaExtensions"] }[TType]> & ChartMetaCommon<TElement, TDatasetElement>

# Type parameters

Name Type
TType extends ChartType = ChartType
TElement extends Element = Element
TDatasetElement extends Element = Element

# Defined in

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

# ChartOptions

Ƭ ChartOptions<TType>: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, DeepPartial<unknown[]>>

# Type parameters

Name Type
TType extends ChartType = ChartType

# Defined in

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

# ChartType

Ƭ ChartType: keyof ChartTypeRegistry

# Defined in

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

# Color

Ƭ Color: string | CanvasGradient | CanvasPattern

# Defined in

types/color.d.ts:1 (opens new window)

# DatasetChartOptions

Ƭ DatasetChartOptions<TType>: { [key in TType]: Object }

# Type parameters

Name Type
TType extends ChartType = ChartType

# Defined in

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

# DecimationOptions

Ƭ DecimationOptions: LttbDecimationOptions | MinMaxDecimationOptions

# Defined in

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

# DefaultDataPoint

Ƭ DefaultDataPoint<TType>: DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>

# Type parameters

Name Type
TType extends ChartType

# Defined in

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

# DoughnutDataPoint

Ƭ DoughnutDataPoint: number

# Defined in

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

# EasingFunction

Ƭ EasingFunction: keyof typeof effects

# Defined in

helpers/helpers.easing.ts:122 (opens new window)

# ElementChartOptions

Ƭ ElementChartOptions<TType>: Object

# Type parameters

Name Type
TType extends ChartType = ChartType

# Type declaration

Name Type
elements ElementOptionsByType<TType>

# Defined in

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

# FillTarget

Ƭ FillTarget: number | string | { value: number } | "start" | "end" | "origin" | "stack" | "shape" | boolean

# Defined in

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

# InteractionAxis

Ƭ InteractionAxis: "x" | "y" | "xy" | "r"

# Defined in

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

# InteractionMode

Ƭ InteractionMode: keyof InteractionModeMap

# Defined in

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

# InteractionModeFunction

Ƭ InteractionModeFunction: (chart: Chart, e: ChartEvent, options: InteractionOptions, useFinalPosition?: boolean) => InteractionItem[]

# Type declaration

▸ (chart, e, options, useFinalPosition?): InteractionItem[]

# Parameters
Name Type
chart Chart
e ChartEvent
options InteractionOptions
useFinalPosition? boolean
# Returns

InteractionItem[]

# Defined in

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

# LayoutPosition

Ƭ LayoutPosition: "left" | "top" | "right" | "bottom" | "center" | "chartArea" | { [scaleId: string]: number; }

# Defined in

types/layout.d.ts:3 (opens new window)

# LineController

Ƭ LineController: DatasetController

# Defined in

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

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

# LinearScale

Ƭ LinearScale<O>: Scale<O>

# Type parameters

Name Type
O extends LinearScaleOptions = LinearScaleOptions

# Defined in

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

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

# LinearScaleOptions

Ƭ LinearScaleOptions: CartesianScaleOptions & { beginAtZero: boolean ; grace?: string | number ; suggestedMax?: number ; suggestedMin?: number ; ticks: { count: number ; format: Intl.NumberFormatOptions ; precision: number ; stepSize: number } }

# Defined in

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

# LogarithmicScale

Ƭ LogarithmicScale<O>: Scale<O>

# Type parameters

Name Type
O extends LogarithmicScaleOptions = LogarithmicScaleOptions

# Defined in

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

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

# LogarithmicScaleOptions

Ƭ LogarithmicScaleOptions: CartesianScaleOptions & { suggestedMax?: number ; suggestedMin?: number ; ticks: { format: Intl.NumberFormatOptions } }

# Defined in

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

# Overrides

Ƭ Overrides: { [key in ChartType]: CoreChartOptions<key> & ElementChartOptions<key> & PluginChartOptions<key> & DatasetChartOptions<ChartType> & ScaleChartOptions<key> & ChartTypeRegistry[key]["chartOptions"] }

# Defined in

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

# ParsedDataType

Ƭ ParsedDataType<TType>: ChartTypeRegistry[TType]["parsedDataType"]

# Type parameters

Name Type
TType extends ChartType = ChartType

# Defined in

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

# PieAnimationOptions

Ƭ PieAnimationOptions: DoughnutAnimationOptions

# Defined in

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

# PieController

Ƭ PieController: DoughnutController

# Defined in

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

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

# PieControllerChartOptions

Ƭ PieControllerChartOptions: DoughnutControllerChartOptions

# Defined in

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

# PieControllerDatasetOptions

Ƭ PieControllerDatasetOptions: DoughnutControllerDatasetOptions

# Defined in

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

# PieDataPoint

Ƭ PieDataPoint: DoughnutDataPoint

# Defined in

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

# PieMetaExtensions

Ƭ PieMetaExtensions: DoughnutMetaExtensions

# Defined in

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

# PointProps

Ƭ PointProps: Point

# Defined in

elements/element.point.ts:18 (opens new window)

# PointStyle

Ƭ PointStyle: "circle" | "cross" | "crossRot" | "dash" | "line" | "rect" | "rectRounded" | "rectRot" | "star" | "triangle" | false | HTMLImageElement | HTMLCanvasElement

# Defined in

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

# PolarAreaAnimationOptions

Ƭ PolarAreaAnimationOptions: DoughnutAnimationOptions

# Defined in

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

# RadarController

Ƭ RadarController: DatasetController

# Defined in

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

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

# RadarControllerChartOptions

Ƭ RadarControllerChartOptions: LineControllerChartOptions

# Defined in

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

# RadialLinearScaleOptions

Ƭ RadialLinearScaleOptions: CoreScaleOptions & { angleLines: { borderDash: Scriptable<number[], ScriptableScaleContext> ; borderDashOffset: Scriptable<number, ScriptableScaleContext> ; color: Scriptable<Color, ScriptableScaleContext> ; display: boolean ; lineWidth: Scriptable<number, ScriptableScaleContext> } ; animate: boolean ; beginAtZero: boolean ; grid: Partial<GridLineOptions> ; max: number ; min: number ; pointLabels: { backdropColor: Scriptable<Color, ScriptableScalePointLabelContext> ; backdropPadding: Scriptable<number | ChartArea, ScriptableScalePointLabelContext> ; borderRadius: Scriptable<number | BorderRadius, ScriptableScalePointLabelContext> ; callback: (label: string, index: number) => string | string[] | number | number[] ; centerPointLabels: boolean ; color: Scriptable<Color, ScriptableScalePointLabelContext> ; display: boolean | "auto" ; font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableScalePointLabelContext> ; padding: Scriptable<number, ScriptableScalePointLabelContext> } ; startAngle: number ; suggestedMax: number ; suggestedMin: number ; ticks: RadialTickOptions }

# Defined in

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

# RadialTickOptions

Ƭ RadialTickOptions: TickOptions & { count: number ; format: Intl.NumberFormatOptions ; maxTicksLimit: number ; precision: number ; stepSize: number }

# Defined in

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

# ScaleChartOptions

Ƭ ScaleChartOptions<TType>: Object

# Type parameters

Name Type
TType extends ChartType = ChartType

# Type declaration

Name Type
scales { [key: string]: ScaleOptionsByType<ChartTypeRegistry[TType]["scales"]>; }

# Defined in

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

# ScaleOptions

Ƭ ScaleOptions<TScale>: DeepPartial<ScaleOptionsByType<TScale>>

# Type parameters

Name Type
TScale extends ScaleType = ScaleType

# Defined in

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

# ScaleOptionsByType

Ƭ ScaleOptionsByType<TScale>: { [key in ScaleType]: Object & ScaleTypeRegistry[key]["options"] }[TScale]

# Type parameters

Name Type
TScale extends ScaleType = ScaleType

# Defined in

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

# ScaleType

Ƭ ScaleType: keyof ScaleTypeRegistry

# Defined in

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

# ScatterController

Ƭ ScatterController: LineController

# Defined in

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

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

# ScatterControllerChartOptions

Ƭ ScatterControllerChartOptions: LineControllerChartOptions

# Defined in

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

# ScatterControllerDatasetOptions

Ƭ ScatterControllerDatasetOptions: LineControllerDatasetOptions

# Defined in

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

# ScatterDataPoint

Ƭ ScatterDataPoint: Point

# Defined in

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

# Scriptable

Ƭ Scriptable<T, TContext>: T | (ctx: TContext, options: AnyObject) => T | undefined

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableAndArray

Ƭ ScriptableAndArray<T, TContext>: readonly T[] | Scriptable<T, TContext>

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableAndArrayOptions

Ƭ ScriptableAndArrayOptions<T, TContext>: { [P in keyof T]: ScriptableAndArray<T[P], TContext> }

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableAndScriptableOptions

Ƭ ScriptableAndScriptableOptions<T, TContext>: Scriptable<T, TContext> | ScriptableOptions<T, TContext>

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableOptions

Ƭ ScriptableOptions<T, TContext>: { [P in keyof T]: Scriptable<T[P], TContext> }

# Type parameters

Name
T
TContext

# Defined in

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

# TRBL

Ƭ TRBL: Object

# Type declaration

Name Type
bottom number
left number
right number
top number

# Defined in

types/geometric.d.ts:15 (opens new window)

# TextAlign

Ƭ TextAlign: "left" | "center" | "right"

# Defined in

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

# TimeScaleOptions

Ƭ TimeScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { adapters: { date: unknown } ; bounds: "ticks" | "data" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions }

# Defined in

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

# TimeScaleTickOptions

Ƭ TimeScaleTickOptions: Object

# Type declaration

Name Type Description
source "labels" | "auto" | "data" Ticks generation input values: - 'auto': generates "optimal" ticks based on scale size and time options. - 'data': generates ticks from data (including labels from data {t\|x\|y} objects). - 'labels': generates ticks from user given data.labels values ONLY. See https://github.com/chartjs/Chart.js/pull/4507 Since 2.7.0 Default 'auto'
stepSize number The number of units between grid lines. Default 1

# Defined in

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

# TimeScaleTimeOptions

Ƭ TimeScaleTimeOptions: Object

# Type declaration

Name Type Description
displayFormats { [key: string]: string; } Sets how different time units are displayed.
isoWeekday boolean | number If boolean and true and the unit is set to 'week', then the first day of the week will be Monday. Otherwise, it will be Sunday. If number, the index of the first day of the week (0 - Sunday, 6 - Saturday). Default false
minUnit TimeUnit The minimum display format to be used for a time unit. Default 'millisecond'
parser string | (v: unknown) => number Custom parser for dates.
round false | TimeUnit If defined, dates will be rounded to the start of this unit. See Time Units below for the allowed units.
tooltipFormat string The format string to use for the tooltip.
unit false | TimeUnit If defined, will force the unit to be a certain type. See Time Units section below for details. Default false

# Defined in

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

# TimeSeriesScale

Ƭ TimeSeriesScale<O>: TimeScale<O>

# Type parameters

Name Type
O extends TimeScaleOptions = TimeScaleOptions

# Defined in

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

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

# TooltipPositioner

Ƭ TooltipPositioner: keyof TooltipPositionerMap

# Defined in

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

# TooltipPositionerFunction

Ƭ TooltipPositionerFunction<TType>: (this: TooltipModel<TType>, items: readonly ActiveElement[], eventPosition: Point) => TooltipPosition | false

# Type parameters

Name Type
TType extends ChartType

# Type declaration

▸ (this, items, eventPosition): TooltipPosition | false

# Parameters
Name Type
this TooltipModel<TType>
items readonly ActiveElement[]
eventPosition Point
# Returns

TooltipPosition | false

# Defined in

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

# TooltipXAlignment

Ƭ TooltipXAlignment: "left" | "center" | "right"

# Defined in

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

# TooltipYAlignment

Ƭ TooltipYAlignment: "top" | "center" | "bottom"

# Defined in

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

# TransitionSpec

Ƭ TransitionSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Type declaration

Name Type
animation AnimationSpec<TType>
animations AnimationsSpec<TType>

# Defined in

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

# TransitionsSpec

Ƭ TransitionsSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Index signature

▪ [mode: string]: TransitionSpec<TType>

# Defined in

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

# UpdateMode

Ƭ UpdateMode: keyof typeof UpdateModeEnum

# Defined in

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

# Variables

# BarController

• BarController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => BarController

# Defined in

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

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

# BarElement

• BarElement: ChartComponent & (cfg: AnyObject) => BarElement<BarProps, BarOptions>

# Defined in

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

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

# BubbleController

• BubbleController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => BubbleController

# Defined in

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

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

# CategoryScale

• CategoryScale: ChartComponent & <O>(cfg: AnyObject) => CategoryScale<O>

# Defined in

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

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

# Decimation

• Const Decimation: Plugin

# Defined in

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

# DoughnutController

• DoughnutController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => DoughnutController

# Defined in

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

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

# Filler

• Const Filler: Plugin

# Defined in

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

# Interaction

• Const Interaction: Object

# Type declaration

Name Type
modes InteractionModeMap
evaluateInteractionItems (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, axis: InteractionAxis, position: Point, handler: (element: default<AnyObject, AnyObject> & VisualElement, datasetIndex: number, index: number) => void, intersect?: boolean) => InteractionItem[]

# Defined in

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

# Legend

• Const Legend: Plugin

# Defined in

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

# LineController

• LineController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => LineController

# Defined in

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

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

# LineElement

• LineElement: ChartComponent & (cfg: AnyObject) => LineElement<LineProps, LineOptions>

# Defined in

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

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

# LinearScale

• LinearScale: ChartComponent & <O>(cfg: AnyObject) => LinearScale<O>

# Defined in

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

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

# LogarithmicScale

• LogarithmicScale: ChartComponent & <O>(cfg: AnyObject) => LogarithmicScale<O>

# Defined in

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

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

# PieController

• PieController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => DoughnutController

# Defined in

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

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

# PolarAreaController

• PolarAreaController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => PolarAreaController

# Defined in

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

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

# RadarController

• RadarController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => RadarController

# Defined in

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

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

# RadialLinearScale

• RadialLinearScale: ChartComponent & <O>(cfg: AnyObject) => RadialLinearScale<O>

# Defined in

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

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

# ScatterController

• ScatterController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => LineController

# Defined in

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

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

# SubTitle

• Const SubTitle: Plugin

# Defined in

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

# Ticks

• Const Ticks: Object

# Type declaration

Name Type
formatters { logarithmic: (tickValue: number, index: number, ticks: { value: number }[]) => string ; numeric: (tickValue: number, index: number, ticks: { value: number }[]) => string ; values: (value: unknown) => string | string[] }
formatters.logarithmic [object Object]
formatters.numeric [object Object]
formatters.values [object Object]

# Defined in

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

# TimeScale

• TimeScale: ChartComponent & <O>(cfg: AnyObject) => TimeScale<O>

# Defined in

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

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

# TimeSeriesScale

• TimeSeriesScale: ChartComponent & <O>(cfg: AnyObject) => TimeSeriesScale<O>

# Defined in

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

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

# Title

• Const Title: Plugin

# Defined in

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

# Tooltip

• Tooltip: Tooltip

# Defined in

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

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

# defaults

• Const defaults: Defaults

# Defined in

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

# layouts

• Const layouts: Object

# Type declaration

Name Type
addBox (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, item: LayoutItem) => void
configure (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, item: LayoutItem, options: { fullSize?: number ; position?: LayoutPosition ; weight?: number }) => void
removeBox (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, layoutItem: LayoutItem) => void
update (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, width: number, height: number) => void

# Defined in

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

# registerables

• Const registerables: readonly ChartComponentLike[]

# Defined in

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

# registry

• Const registry: Registry

# Defined in

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

+ (opens new window)

  • API

    • Exports

    • Enumerations

    • Classes

    • Interfaces

# Chart.js - v4.4.6

# Enumerations

# Classes

# Interfaces

# Type Aliases

# Align

Ƭ Align: "start" | "center" | "end"

# Defined in

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

# AnimationOptions

Ƭ AnimationOptions<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Type declaration

Name Type
animation false | AnimationSpec<TType> & { onComplete?: (this: Chart, event: AnimationEvent) => void ; onProgress?: (this: Chart, event: AnimationEvent) => void }
animations AnimationsSpec<TType>
transitions TransitionsSpec<TType>

# Defined in

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

# AnimationSpec

Ƭ AnimationSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Type declaration

Name Type Description
delay? Scriptable<number, ScriptableContext<TType>> Delay before starting the animations. Default 0
duration? Scriptable<number, ScriptableContext<TType>> The number of milliseconds an animation takes. Default 1000
easing? Scriptable<EasingFunction, ScriptableContext<TType>> Easing function to use Default 'easeOutQuart'
loop? Scriptable<boolean, ScriptableContext<TType>> If set to true, the animations loop endlessly. Default false

# Defined in

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

# AnimationsSpec

Ƭ AnimationsSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Index signature

▪ [name: string]: false | AnimationSpec<TType> & { fn: <T>(from: T, to: T, factor: number) => T ; from: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; properties: string[] ; to: Scriptable<Color | number | boolean, ScriptableContext<TType>> ; type: "color" | "number" | "boolean" }

# Defined in

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

# BarController

Ƭ BarController: DatasetController

# Defined in

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

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

# BubbleController

Ƭ BubbleController: DatasetController

# Defined in

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

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

# CartesianTickOptions

Ƭ CartesianTickOptions: TickOptions & { align: Align | "inner" ; autoSkip: boolean ; autoSkipPadding: number ; crossAlign: "near" | "center" | "far" ; includeBounds: boolean ; labelOffset: number ; maxRotation: number ; maxTicksLimit: number ; minRotation: number ; mirror: boolean ; padding: number ; sampleSize: number }

# Defined in

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

# CategoryScale

Ƭ CategoryScale<O>: Scale<O>

# Type parameters

Name Type
O extends CategoryScaleOptions = CategoryScaleOptions

# Defined in

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

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

# CategoryScaleOptions

Ƭ CategoryScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { labels: string[] | string[][] ; max: string | number ; min: string | number }

# Defined in

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

# ChartComponentLike

Ƭ ChartComponentLike: ChartComponent | ChartComponent[] | { [key: string]: ChartComponent; } | Plugin | Plugin[]

# Defined in

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

# ChartDataset

Ƭ ChartDataset<TType, TData>: DeepPartial<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }[TType]> & ChartDatasetProperties<TType, TData>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>

# Defined in

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

# ChartDatasetCustomTypesPerDataset

Ƭ ChartDatasetCustomTypesPerDataset<TType, TData>: DeepPartial<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }[TType]> & ChartDatasetPropertiesCustomTypesPerDataset<TType, TData>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>

# Defined in

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

# ChartItem

Ƭ ChartItem: string | CanvasRenderingContext2D | HTMLCanvasElement | { canvas: HTMLCanvasElement } | ArrayLike<CanvasRenderingContext2D | HTMLCanvasElement>

# Defined in

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

# ChartMeta

Ƭ ChartMeta<TType, TElement, TDatasetElement>: DeepPartial<{ [key in ChartType]: ChartTypeRegistry[key]["metaExtensions"] }[TType]> & ChartMetaCommon<TElement, TDatasetElement>

# Type parameters

Name Type
TType extends ChartType = ChartType
TElement extends Element = Element
TDatasetElement extends Element = Element

# Defined in

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

# ChartOptions

Ƭ ChartOptions<TType>: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, DeepPartial<unknown[]>>

# Type parameters

Name Type
TType extends ChartType = ChartType

# Defined in

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

# ChartType

Ƭ ChartType: keyof ChartTypeRegistry

# Defined in

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

# Color

Ƭ Color: string | CanvasGradient | CanvasPattern

# Defined in

types/color.d.ts:1 (opens new window)

# DatasetChartOptions

Ƭ DatasetChartOptions<TType>: { [key in TType]: Object }

# Type parameters

Name Type
TType extends ChartType = ChartType

# Defined in

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

# DecimationOptions

Ƭ DecimationOptions: LttbDecimationOptions | MinMaxDecimationOptions

# Defined in

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

# DefaultDataPoint

Ƭ DefaultDataPoint<TType>: DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>

# Type parameters

Name Type
TType extends ChartType

# Defined in

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

# DoughnutDataPoint

Ƭ DoughnutDataPoint: number

# Defined in

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

# EasingFunction

Ƭ EasingFunction: keyof typeof effects

# Defined in

helpers/helpers.easing.ts:122 (opens new window)

# ElementChartOptions

Ƭ ElementChartOptions<TType>: Object

# Type parameters

Name Type
TType extends ChartType = ChartType

# Type declaration

Name Type
elements ElementOptionsByType<TType>

# Defined in

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

# FillTarget

Ƭ FillTarget: number | string | { value: number } | "start" | "end" | "origin" | "stack" | "shape" | boolean

# Defined in

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

# InteractionAxis

Ƭ InteractionAxis: "x" | "y" | "xy" | "r"

# Defined in

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

# InteractionMode

Ƭ InteractionMode: keyof InteractionModeMap

# Defined in

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

# InteractionModeFunction

Ƭ InteractionModeFunction: (chart: Chart, e: ChartEvent, options: InteractionOptions, useFinalPosition?: boolean) => InteractionItem[]

# Type declaration

▸ (chart, e, options, useFinalPosition?): InteractionItem[]

# Parameters
Name Type
chart Chart
e ChartEvent
options InteractionOptions
useFinalPosition? boolean
# Returns

InteractionItem[]

# Defined in

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

# LayoutPosition

Ƭ LayoutPosition: "left" | "top" | "right" | "bottom" | "center" | "chartArea" | { [scaleId: string]: number; }

# Defined in

types/layout.d.ts:3 (opens new window)

# LineController

Ƭ LineController: DatasetController

# Defined in

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

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

# LinearScale

Ƭ LinearScale<O>: Scale<O>

# Type parameters

Name Type
O extends LinearScaleOptions = LinearScaleOptions

# Defined in

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

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

# LinearScaleOptions

Ƭ LinearScaleOptions: CartesianScaleOptions & { beginAtZero: boolean ; grace?: string | number ; suggestedMax?: number ; suggestedMin?: number ; ticks: { count: number ; format: Intl.NumberFormatOptions ; precision: number ; stepSize: number } }

# Defined in

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

# LogarithmicScale

Ƭ LogarithmicScale<O>: Scale<O>

# Type parameters

Name Type
O extends LogarithmicScaleOptions = LogarithmicScaleOptions

# Defined in

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

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

# LogarithmicScaleOptions

Ƭ LogarithmicScaleOptions: CartesianScaleOptions & { suggestedMax?: number ; suggestedMin?: number ; ticks: { format: Intl.NumberFormatOptions } }

# Defined in

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

# Overrides

Ƭ Overrides: { [key in ChartType]: CoreChartOptions<key> & ElementChartOptions<key> & PluginChartOptions<key> & DatasetChartOptions<ChartType> & ScaleChartOptions<key> & ChartTypeRegistry[key]["chartOptions"] }

# Defined in

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

# ParsedDataType

Ƭ ParsedDataType<TType>: ChartTypeRegistry[TType]["parsedDataType"]

# Type parameters

Name Type
TType extends ChartType = ChartType

# Defined in

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

# PieAnimationOptions

Ƭ PieAnimationOptions: DoughnutAnimationOptions

# Defined in

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

# PieController

Ƭ PieController: DoughnutController

# Defined in

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

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

# PieControllerChartOptions

Ƭ PieControllerChartOptions: DoughnutControllerChartOptions

# Defined in

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

# PieControllerDatasetOptions

Ƭ PieControllerDatasetOptions: DoughnutControllerDatasetOptions

# Defined in

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

# PieDataPoint

Ƭ PieDataPoint: DoughnutDataPoint

# Defined in

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

# PieMetaExtensions

Ƭ PieMetaExtensions: DoughnutMetaExtensions

# Defined in

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

# PointProps

Ƭ PointProps: Point

# Defined in

elements/element.point.ts:18 (opens new window)

# PointStyle

Ƭ PointStyle: "circle" | "cross" | "crossRot" | "dash" | "line" | "rect" | "rectRounded" | "rectRot" | "star" | "triangle" | false | HTMLImageElement | HTMLCanvasElement

# Defined in

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

# PolarAreaAnimationOptions

Ƭ PolarAreaAnimationOptions: DoughnutAnimationOptions

# Defined in

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

# RadarController

Ƭ RadarController: DatasetController

# Defined in

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

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

# RadarControllerChartOptions

Ƭ RadarControllerChartOptions: LineControllerChartOptions

# Defined in

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

# RadialLinearScaleOptions

Ƭ RadialLinearScaleOptions: CoreScaleOptions & { angleLines: { borderDash: Scriptable<number[], ScriptableScaleContext> ; borderDashOffset: Scriptable<number, ScriptableScaleContext> ; color: Scriptable<Color, ScriptableScaleContext> ; display: boolean ; lineWidth: Scriptable<number, ScriptableScaleContext> } ; animate: boolean ; beginAtZero: boolean ; grid: Partial<GridLineOptions> ; max: number ; min: number ; pointLabels: { backdropColor: Scriptable<Color, ScriptableScalePointLabelContext> ; backdropPadding: Scriptable<number | ChartArea, ScriptableScalePointLabelContext> ; borderRadius: Scriptable<number | BorderRadius, ScriptableScalePointLabelContext> ; callback: (label: string, index: number) => string | string[] | number | number[] ; centerPointLabels: boolean ; color: Scriptable<Color, ScriptableScalePointLabelContext> ; display: boolean | "auto" ; font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableScalePointLabelContext> ; padding: Scriptable<number, ScriptableScalePointLabelContext> } ; startAngle: number ; suggestedMax: number ; suggestedMin: number ; ticks: RadialTickOptions }

# Defined in

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

# RadialTickOptions

Ƭ RadialTickOptions: TickOptions & { count: number ; format: Intl.NumberFormatOptions ; maxTicksLimit: number ; precision: number ; stepSize: number }

# Defined in

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

# ScaleChartOptions

Ƭ ScaleChartOptions<TType>: Object

# Type parameters

Name Type
TType extends ChartType = ChartType

# Type declaration

Name Type
scales { [key: string]: ScaleOptionsByType<ChartTypeRegistry[TType]["scales"]>; }

# Defined in

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

# ScaleOptions

Ƭ ScaleOptions<TScale>: DeepPartial<ScaleOptionsByType<TScale>>

# Type parameters

Name Type
TScale extends ScaleType = ScaleType

# Defined in

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

# ScaleOptionsByType

Ƭ ScaleOptionsByType<TScale>: { [key in ScaleType]: Object & ScaleTypeRegistry[key]["options"] }[TScale]

# Type parameters

Name Type
TScale extends ScaleType = ScaleType

# Defined in

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

# ScaleType

Ƭ ScaleType: keyof ScaleTypeRegistry

# Defined in

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

# ScatterController

Ƭ ScatterController: LineController

# Defined in

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

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

# ScatterControllerChartOptions

Ƭ ScatterControllerChartOptions: LineControllerChartOptions

# Defined in

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

# ScatterControllerDatasetOptions

Ƭ ScatterControllerDatasetOptions: LineControllerDatasetOptions

# Defined in

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

# ScatterDataPoint

Ƭ ScatterDataPoint: Point

# Defined in

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

# Scriptable

Ƭ Scriptable<T, TContext>: T | (ctx: TContext, options: AnyObject) => T | undefined

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableAndArray

Ƭ ScriptableAndArray<T, TContext>: readonly T[] | Scriptable<T, TContext>

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableAndArrayOptions

Ƭ ScriptableAndArrayOptions<T, TContext>: { [P in keyof T]: ScriptableAndArray<T[P], TContext> }

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableAndScriptableOptions

Ƭ ScriptableAndScriptableOptions<T, TContext>: Scriptable<T, TContext> | ScriptableOptions<T, TContext>

# Type parameters

Name
T
TContext

# Defined in

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

# ScriptableOptions

Ƭ ScriptableOptions<T, TContext>: { [P in keyof T]: Scriptable<T[P], TContext> }

# Type parameters

Name
T
TContext

# Defined in

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

# TRBL

Ƭ TRBL: Object

# Type declaration

Name Type
bottom number
left number
right number
top number

# Defined in

types/geometric.d.ts:15 (opens new window)

# TextAlign

Ƭ TextAlign: "left" | "center" | "right"

# Defined in

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

# TimeScaleOptions

Ƭ TimeScaleOptions: Omit<CartesianScaleOptions, "min" | "max"> & { adapters: { date: unknown } ; bounds: "ticks" | "data" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions }

# Defined in

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

# TimeScaleTickOptions

Ƭ TimeScaleTickOptions: Object

# Type declaration

Name Type Description
source "labels" | "auto" | "data" Ticks generation input values: - 'auto': generates "optimal" ticks based on scale size and time options. - 'data': generates ticks from data (including labels from data {t\|x\|y} objects). - 'labels': generates ticks from user given data.labels values ONLY. See https://github.com/chartjs/Chart.js/pull/4507 Since 2.7.0 Default 'auto'
stepSize number The number of units between grid lines. Default 1

# Defined in

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

# TimeScaleTimeOptions

Ƭ TimeScaleTimeOptions: Object

# Type declaration

Name Type Description
displayFormats { [key: string]: string; } Sets how different time units are displayed.
isoWeekday boolean | number If boolean and true and the unit is set to 'week', then the first day of the week will be Monday. Otherwise, it will be Sunday. If number, the index of the first day of the week (0 - Sunday, 6 - Saturday). Default false
minUnit TimeUnit The minimum display format to be used for a time unit. Default 'millisecond'
parser string | (v: unknown) => number Custom parser for dates.
round false | TimeUnit If defined, dates will be rounded to the start of this unit. See Time Units below for the allowed units.
tooltipFormat string The format string to use for the tooltip.
unit false | TimeUnit If defined, will force the unit to be a certain type. See Time Units section below for details. Default false

# Defined in

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

# TimeSeriesScale

Ƭ TimeSeriesScale<O>: TimeScale<O>

# Type parameters

Name Type
O extends TimeScaleOptions = TimeScaleOptions

# Defined in

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

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

# TooltipPositioner

Ƭ TooltipPositioner: keyof TooltipPositionerMap

# Defined in

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

# TooltipPositionerFunction

Ƭ TooltipPositionerFunction<TType>: (this: TooltipModel<TType>, items: readonly ActiveElement[], eventPosition: Point) => TooltipPosition | false

# Type parameters

Name Type
TType extends ChartType

# Type declaration

▸ (this, items, eventPosition): TooltipPosition | false

# Parameters
Name Type
this TooltipModel<TType>
items readonly ActiveElement[]
eventPosition Point
# Returns

TooltipPosition | false

# Defined in

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

# TooltipXAlignment

Ƭ TooltipXAlignment: "left" | "center" | "right"

# Defined in

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

# TooltipYAlignment

Ƭ TooltipYAlignment: "top" | "center" | "bottom"

# Defined in

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

# TransitionSpec

Ƭ TransitionSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Type declaration

Name Type
animation AnimationSpec<TType>
animations AnimationsSpec<TType>

# Defined in

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

# TransitionsSpec

Ƭ TransitionsSpec<TType>: Object

# Type parameters

Name Type
TType extends ChartType

# Index signature

▪ [mode: string]: TransitionSpec<TType>

# Defined in

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

# UpdateMode

Ƭ UpdateMode: keyof typeof UpdateModeEnum

# Defined in

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

# Variables

# BarController

• BarController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => BarController

# Defined in

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

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

# BarElement

• BarElement: ChartComponent & (cfg: AnyObject) => BarElement<BarProps, BarOptions>

# Defined in

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

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

# BubbleController

• BubbleController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => BubbleController

# Defined in

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

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

# CategoryScale

• CategoryScale: ChartComponent & <O>(cfg: AnyObject) => CategoryScale<O>

# Defined in

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

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

# Decimation

• Const Decimation: Plugin

# Defined in

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

# DoughnutController

• DoughnutController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => DoughnutController

# Defined in

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

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

# Filler

• Const Filler: Plugin

# Defined in

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

# Interaction

• Const Interaction: Object

# Type declaration

Name Type
modes InteractionModeMap
evaluateInteractionItems (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, axis: InteractionAxis, position: Point, handler: (element: default<AnyObject, AnyObject> & VisualElement, datasetIndex: number, index: number) => void, intersect?: boolean) => InteractionItem[]

# Defined in

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

# Legend

• Const Legend: Plugin

# Defined in

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

# LineController

• LineController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => LineController

# Defined in

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

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

# LineElement

• LineElement: ChartComponent & (cfg: AnyObject) => LineElement<LineProps, LineOptions>

# Defined in

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

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

# LinearScale

• LinearScale: ChartComponent & <O>(cfg: AnyObject) => LinearScale<O>

# Defined in

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

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

# LogarithmicScale

• LogarithmicScale: ChartComponent & <O>(cfg: AnyObject) => LogarithmicScale<O>

# Defined in

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

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

# PieController

• PieController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => DoughnutController

# Defined in

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

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

# PolarAreaController

• PolarAreaController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => PolarAreaController

# Defined in

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

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

# RadarController

• RadarController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => RadarController

# Defined in

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

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

# RadialLinearScale

• RadialLinearScale: ChartComponent & <O>(cfg: AnyObject) => RadialLinearScale<O>

# Defined in

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

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

# ScatterController

• ScatterController: ChartComponent & (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, datasetIndex: number) => LineController

# Defined in

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

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

# SubTitle

• Const SubTitle: Plugin

# Defined in

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

# Ticks

• Const Ticks: Object

# Type declaration

Name Type
formatters { logarithmic: (tickValue: number, index: number, ticks: { value: number }[]) => string ; numeric: (tickValue: number, index: number, ticks: { value: number }[]) => string ; values: (value: unknown) => string | string[] }
formatters.logarithmic [object Object]
formatters.numeric [object Object]
formatters.values [object Object]

# Defined in

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

# TimeScale

• TimeScale: ChartComponent & <O>(cfg: AnyObject) => TimeScale<O>

# Defined in

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

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

# TimeSeriesScale

• TimeSeriesScale: ChartComponent & <O>(cfg: AnyObject) => TimeSeriesScale<O>

# Defined in

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

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

# Title

• Const Title: Plugin

# Defined in

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

# Tooltip

• Tooltip: Tooltip

# Defined in

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

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

# defaults

• Const defaults: Defaults

# Defined in

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

# layouts

• Const layouts: Object

# Type declaration

Name Type
addBox (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, item: LayoutItem) => void
configure (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, item: LayoutItem, options: { fullSize?: number ; position?: LayoutPosition ; weight?: number }) => void
removeBox (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, layoutItem: LayoutItem) => void
update (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, width: number, height: number) => void

# Defined in

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

# registerables

• Const registerables: readonly ChartComponentLike[]

# Defined in

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

# registry

• Const registry: Registry

# Defined in

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

DecimationAlgorithm →

- + diff --git a/docs/master/api/interfaces/ActiveDataPoint.html b/docs/master/api/interfaces/ActiveDataPoint.html index a7bf3d5bd5..cc84dc6227 100644 --- a/docs/master/api/interfaces/ActiveDataPoint.html +++ b/docs/master/api/interfaces/ActiveDataPoint.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ActiveDataPoint

# Hierarchy

# Properties

# datasetIndex

• datasetIndex: number

# Defined in

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

# index

• index: number

# Defined in

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

+ (opens new window)

# Interface: ActiveDataPoint

# Hierarchy

# Properties

# datasetIndex

• datasetIndex: number

# Defined in

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

# index

• index: number

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/ActiveElement.html b/docs/master/api/interfaces/ActiveElement.html index 2d02e63976..55c59d48f6 100644 --- a/docs/master/api/interfaces/ActiveElement.html +++ b/docs/master/api/interfaces/ActiveElement.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ActiveElement

# Hierarchy

# Properties

# datasetIndex

• datasetIndex: number

# Inherited from

ActiveDataPoint.datasetIndex

# Defined in

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

# element

• element: default<AnyObject, AnyObject>

# Defined in

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

# index

• index: number

# Inherited from

ActiveDataPoint.index

# Defined in

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

+ (opens new window)

# Interface: ActiveElement

# Hierarchy

# Properties

# datasetIndex

• datasetIndex: number

# Inherited from

ActiveDataPoint.datasetIndex

# Defined in

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

# element

• element: default<AnyObject, AnyObject>

# Defined in

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

# index

• index: number

# Inherited from

ActiveDataPoint.index

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/AnimationEvent.html b/docs/master/api/interfaces/AnimationEvent.html index 5a0149d8e5..548be4f665 100644 --- a/docs/master/api/interfaces/AnimationEvent.html +++ b/docs/master/api/interfaces/AnimationEvent.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: AnimationEvent

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/animation.d.ts:14 (opens new window)

# currentStep

• currentStep: number

# Defined in

types/animation.d.ts:17 (opens new window)

# initial

• initial: boolean

# Defined in

types/animation.d.ts:16 (opens new window)

# numSteps

• numSteps: number

# Defined in

types/animation.d.ts:15 (opens new window)

+ (opens new window)

# Interface: AnimationEvent

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/animation.d.ts:14 (opens new window)

# currentStep

• currentStep: number

# Defined in

types/animation.d.ts:17 (opens new window)

# initial

• initial: boolean

# Defined in

types/animation.d.ts:16 (opens new window)

# numSteps

• numSteps: number

# Defined in

types/animation.d.ts:15 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ArcBorderRadius.html b/docs/master/api/interfaces/ArcBorderRadius.html index ea939f61e9..13081f4728 100644 --- a/docs/master/api/interfaces/ArcBorderRadius.html +++ b/docs/master/api/interfaces/ArcBorderRadius.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ArcBorderRadius

# Properties

# innerEnd

• innerEnd: number

# Defined in

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

# innerStart

• innerStart: number

# Defined in

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

# outerEnd

• outerEnd: number

# Defined in

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

# outerStart

• outerStart: number

# Defined in

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

+ (opens new window)

# Interface: ArcBorderRadius

# Properties

# innerEnd

• innerEnd: number

# Defined in

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

# innerStart

• innerStart: number

# Defined in

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

# outerEnd

• outerEnd: number

# Defined in

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

# outerStart

• outerStart: number

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/ArcHoverOptions.html b/docs/master/api/interfaces/ArcHoverOptions.html index b461f2a225..4d62ccc042 100644 --- a/docs/master/api/interfaces/ArcHoverOptions.html +++ b/docs/master/api/interfaces/ArcHoverOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ArcHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

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

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

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

# hoverBorderDash

• hoverBorderDash: number[]

# Defined in

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

# hoverBorderDashOffset

• hoverBorderDashOffset: number

# Defined in

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

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

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

# hoverOffset

• hoverOffset: number

# Defined in

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

+ (opens new window)

# Interface: ArcHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

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

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

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

# hoverBorderDash

• hoverBorderDash: number[]

# Defined in

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

# hoverBorderDashOffset

• hoverBorderDashOffset: number

# Defined in

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

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

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

# hoverOffset

• hoverOffset: number

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/ArcOptions.html b/docs/master/api/interfaces/ArcOptions.html index a819b75c26..88b5e0125e 100644 --- a/docs/master/api/interfaces/ArcOptions.html +++ b/docs/master/api/interfaces/ArcOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ArcOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

CommonElementOptions.backgroundColor

# Defined in

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

# borderAlign

• borderAlign: "center" | "inner"

Arc stroke alignment.

# Defined in

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

# borderColor

• borderColor: Color

# Inherited from

CommonElementOptions.borderColor

# Defined in

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

# borderDash

• borderDash: number[]

Line dash. See MDN.

Default

[]

# Defined in

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

# borderDashOffset

• borderDashOffset: number

Line dash offset. See MDN.

Default

0.0

# Defined in

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

# borderJoinStyle

• borderJoinStyle: CanvasLineJoin

Line join style. See MDN. Default is 'round' when borderAlign is 'inner', else 'bevel'.

# Defined in

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

# borderRadius

• borderRadius: number | ArcBorderRadius

Sets the border radius for arcs

Default

0

# Defined in

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

# borderWidth

• borderWidth: number

# Inherited from

CommonElementOptions.borderWidth

# Defined in

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

# circular

• circular: boolean

If false, Arc will be flat.

Default

true

# Defined in

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

# offset

• offset: number

Arc offset (in pixels).

# Defined in

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

# spacing

• spacing: number

Spacing between arcs

# Defined in

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

+ (opens new window)

# Interface: ArcOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

CommonElementOptions.backgroundColor

# Defined in

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

# borderAlign

• borderAlign: "center" | "inner"

Arc stroke alignment.

# Defined in

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

# borderColor

• borderColor: Color

# Inherited from

CommonElementOptions.borderColor

# Defined in

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

# borderDash

• borderDash: number[]

Line dash. See MDN.

Default

[]

# Defined in

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

# borderDashOffset

• borderDashOffset: number

Line dash offset. See MDN.

Default

0.0

# Defined in

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

# borderJoinStyle

• borderJoinStyle: CanvasLineJoin

Line join style. See MDN. Default is 'round' when borderAlign is 'inner', else 'bevel'.

# Defined in

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

# borderRadius

• borderRadius: number | ArcBorderRadius

Sets the border radius for arcs

Default

0

# Defined in

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

# borderWidth

• borderWidth: number

# Inherited from

CommonElementOptions.borderWidth

# Defined in

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

# circular

• circular: boolean

If false, Arc will be flat.

Default

true

# Defined in

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

# offset

• offset: number

Arc offset (in pixels).

# Defined in

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

# spacing

• spacing: number

Spacing between arcs

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/ArcProps.html b/docs/master/api/interfaces/ArcProps.html index 6fd0a79093..c5dfe02f14 100644 --- a/docs/master/api/interfaces/ArcProps.html +++ b/docs/master/api/interfaces/ArcProps.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ArcProps

# Hierarchy

# Properties

# circumference

• circumference: number

# Defined in

elements/element.arc.ts:260 (opens new window)

# endAngle

• endAngle: number

# Defined in

elements/element.arc.ts:257 (opens new window)

# innerRadius

• innerRadius: number

# Defined in

elements/element.arc.ts:258 (opens new window)

# outerRadius

• outerRadius: number

# Defined in

elements/element.arc.ts:259 (opens new window)

# startAngle

• startAngle: number

# Defined in

elements/element.arc.ts:256 (opens new window)

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

+ (opens new window)

# Interface: ArcProps

# Hierarchy

# Properties

# circumference

• circumference: number

# Defined in

elements/element.arc.ts:260 (opens new window)

# endAngle

• endAngle: number

# Defined in

elements/element.arc.ts:257 (opens new window)

# innerRadius

• innerRadius: number

# Defined in

elements/element.arc.ts:258 (opens new window)

# outerRadius

• outerRadius: number

# Defined in

elements/element.arc.ts:259 (opens new window)

# startAngle

• startAngle: number

# Defined in

elements/element.arc.ts:256 (opens new window)

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/BackdropOptions.html b/docs/master/api/interfaces/BackdropOptions.html index 4c291c3d04..1850fe41fa 100644 --- a/docs/master/api/interfaces/BackdropOptions.html +++ b/docs/master/api/interfaces/BackdropOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BackdropOptions

# Properties

# color

• color: Scriptable<Color, ScriptableScaleContext>

Color of label backdrops.

# Defined in

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

# height

• height: number

Height of backdrop in pixels

# Defined in

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

# left

• left: number

Left position of backdrop as pixel

# Defined in

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

# top

• top: number

Top position of backdrop as pixel

# Defined in

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

# width

• width: number

Width of backdrop in pixels

# Defined in

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

+ (opens new window)

# Interface: BackdropOptions

# Properties

# color

• color: Scriptable<Color, ScriptableScaleContext>

Color of label backdrops.

# Defined in

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

# height

• height: number

Height of backdrop in pixels

# Defined in

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

# left

• left: number

Left position of backdrop as pixel

# Defined in

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

# top

• top: number

Top position of backdrop as pixel

# Defined in

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

# width

• width: number

Width of backdrop in pixels

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/BarControllerChartOptions.html b/docs/master/api/interfaces/BarControllerChartOptions.html index ffa2736077..aed97fbcc6 100644 --- a/docs/master/api/interfaces/BarControllerChartOptions.html +++ b/docs/master/api/interfaces/BarControllerChartOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BarControllerChartOptions

# Properties

# skipNull

• Optional skipNull: boolean

Should null or undefined values be omitted from drawing

# Defined in

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

+ (opens new window)

# Interface: BarControllerChartOptions

# Properties

# skipNull

• Optional skipNull: boolean

Should null or undefined values be omitted from drawing

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/BarControllerDatasetOptions.html b/docs/master/api/interfaces/BarControllerDatasetOptions.html index a67346b825..295c0c3a55 100644 --- a/docs/master/api/interfaces/BarControllerDatasetOptions.html +++ b/docs/master/api/interfaces/BarControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,8 +39,8 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BarControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"bar"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

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

# animations

• animations: AnimationsSpec<"bar">

# Inherited from

AnimationOptions.animations

# Defined in

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

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

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

# barPercentage

• barPercentage: number

Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other.

Default

0.9

# Defined in

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

# barThickness

• barThickness: number | "flex"

Manually set width of each bar in pixels. If set to 'flex', it computes "optimal" sample widths that globally arrange bars side by side. If not set (default), bars are equally sized based on the smallest interval.

# Defined in

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

# base

• base: ScriptableAndArray<number, ScriptableContext<"bar">>

The base value for the bar in data units along the value axis.

# Inherited from

ScriptableAndArrayOptions.base

# Defined in

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

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

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

# borderRadius

• borderRadius: ScriptableAndArray<number | BorderRadius, ScriptableContext<"bar">>

Border radius

Default

0

# Inherited from

ScriptableAndArrayOptions.borderRadius

# Defined in

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

# borderSkipped

• borderSkipped: ScriptableAndArray<boolean | "end" | "start" | "left" | "top" | "bottom" | "right" | "middle", ScriptableContext<"bar">>

Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).

Default

'start'

# Inherited from

ScriptableAndArrayOptions.borderSkipped

# Defined in

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

# borderWidth

• borderWidth: ScriptableAndArray<number | { bottom?: number ; left?: number ; right?: number ; top?: number }, ScriptableContext<"bar">>

Width of the border, number for all sides, object to specify width for each side specifically

Default

0

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

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

# categoryPercentage

• categoryPercentage: number

Percent (0-1) of the available width each category should be within the sample width.

Default

0.8

# Defined in

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

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

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

# grouped

• grouped: boolean

Should the bars be grouped on index axis

Default

true

# Defined in

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

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

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

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

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

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

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

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

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

# indexAxis

• indexAxis: "x" | "y"

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

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

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

# inflateAmount

• inflateAmount: ScriptableAndArray<number | "auto", ScriptableContext<"bar">>

Amount to inflate the rectangle(s). This can be used to hide artifacts between bars. -Unit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.

Default

'auto'

# Inherited from

ScriptableAndArrayOptions.inflateAmount

# Defined in

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

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

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

# maxBarThickness

• maxBarThickness: number

Set this to ensure that bars are not sized thicker than this.

# Defined in

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

# minBarLength

• minBarLength: number

Set this to ensure that bars have a minimum length in pixels.

# Defined in

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

# 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

ControllerDatasetOptions.normalized

# Defined in

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

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

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

# pointStyle

• pointStyle: PointStyle

Point style for the legend

Default

'circle;

# Defined in

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

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

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

# transitions

• transitions: TransitionsSpec<"bar">

# Inherited from

AnimationOptions.transitions

# Defined in

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

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

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

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

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

+ (opens new window)

# Interface: BarControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"bar"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

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

# animations

• animations: AnimationsSpec<"bar">

# Inherited from

AnimationOptions.animations

# Defined in

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

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

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

# barPercentage

• barPercentage: number

Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other.

Default

0.9

# Defined in

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

# barThickness

• barThickness: number | "flex"

Manually set width of each bar in pixels. If set to 'flex', it computes "optimal" sample widths that globally arrange bars side by side. If not set (default), bars are equally sized based on the smallest interval.

# Defined in

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

# base

• base: ScriptableAndArray<number, ScriptableContext<"bar">>

The base value for the bar in data units along the value axis.

# Inherited from

ScriptableAndArrayOptions.base

# Defined in

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

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

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

# borderRadius

• borderRadius: ScriptableAndArray<number | BorderRadius, ScriptableContext<"bar">>

Border radius

Default

0

# Inherited from

ScriptableAndArrayOptions.borderRadius

# Defined in

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

# borderSkipped

• borderSkipped: ScriptableAndArray<boolean | "end" | "start" | "left" | "top" | "bottom" | "right" | "middle", ScriptableContext<"bar">>

Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).

Default

'start'

# Inherited from

ScriptableAndArrayOptions.borderSkipped

# Defined in

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

# borderWidth

• borderWidth: ScriptableAndArray<number | { bottom?: number ; left?: number ; right?: number ; top?: number }, ScriptableContext<"bar">>

Width of the border, number for all sides, object to specify width for each side specifically

Default

0

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

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

# categoryPercentage

• categoryPercentage: number

Percent (0-1) of the available width each category should be within the sample width.

Default

0.8

# Defined in

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

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

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

# grouped

• grouped: boolean

Should the bars be grouped on index axis

Default

true

# Defined in

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

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

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

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

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

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

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

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"bar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

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

# indexAxis

• indexAxis: "x" | "y"

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

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

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

# inflateAmount

• inflateAmount: ScriptableAndArray<number | "auto", ScriptableContext<"bar">>

Amount to inflate the rectangle(s). This can be used to hide artifacts between bars. +Unit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.

Default

'auto'

# Inherited from

ScriptableAndArrayOptions.inflateAmount

# Defined in

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

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

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

# maxBarThickness

• maxBarThickness: number

Set this to ensure that bars are not sized thicker than this.

# Defined in

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

# minBarLength

• minBarLength: number

Set this to ensure that bars have a minimum length in pixels.

# Defined in

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

# 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

ControllerDatasetOptions.normalized

# Defined in

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

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

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

# pointStyle

• pointStyle: PointStyle

Point style for the legend

Default

'circle;

# Defined in

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

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

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

# transitions

• transitions: TransitionsSpec<"bar">

# Inherited from

AnimationOptions.transitions

# Defined in

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

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

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

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/BarElement.html b/docs/master/api/interfaces/BarElement.html index 78ac5c78fa..504730d271 100644 --- a/docs/master/api/interfaces/BarElement.html +++ b/docs/master/api/interfaces/BarElement.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BarElement<T, O>

# Type parameters

Name Type
T extends BarProps = BarProps
O extends BarOptions = BarOptions

# Hierarchy

# Properties

# $animations

• $animations: Record<keyof T, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# options

• options: O

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# draw

▸ draw(ctx, area?): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area? ChartArea

# Returns

void

# Inherited from

VisualElement.draw

# Defined in

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

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Point

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Point

# Inherited from

VisualElement.getCenterPoint

# Defined in

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

# getProps

▸ getProps<P>(props, final?): Pick<T, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof T[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<T, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getRange

▸ Optional getRange(axis): number

# Parameters

Name Type
axis "x" | "y"

# Returns

number

# Inherited from

VisualElement.getRange

# Defined in

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

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inRange

# Defined in

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

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inXRange

# Defined in

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

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inYRange

# Defined in

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

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

+ (opens new window)

# Interface: BarElement<T, O>

# Type parameters

Name Type
T extends BarProps = BarProps
O extends BarOptions = BarOptions

# Hierarchy

# Properties

# $animations

• $animations: Record<keyof T, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# options

• options: O

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# draw

▸ draw(ctx, area?): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area? ChartArea

# Returns

void

# Inherited from

VisualElement.draw

# Defined in

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

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Point

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Point

# Inherited from

VisualElement.getCenterPoint

# Defined in

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

# getProps

▸ getProps<P>(props, final?): Pick<T, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof T[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<T, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getRange

▸ Optional getRange(axis): number

# Parameters

Name Type
axis "x" | "y"

# Returns

number

# Inherited from

VisualElement.getRange

# Defined in

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

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inRange

# Defined in

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

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inXRange

# Defined in

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

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inYRange

# Defined in

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

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/BarHoverOptions.html b/docs/master/api/interfaces/BarHoverOptions.html index 918fed1950..0fe9bf387e 100644 --- a/docs/master/api/interfaces/BarHoverOptions.html +++ b/docs/master/api/interfaces/BarHoverOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BarHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

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

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

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

# hoverBorderRadius

• hoverBorderRadius: number | BorderRadius

# Defined in

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

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

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

+ (opens new window)

# Interface: BarHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

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

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

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

# hoverBorderRadius

• hoverBorderRadius: number | BorderRadius

# Defined in

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

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/BarOptions.html b/docs/master/api/interfaces/BarOptions.html index f10f8e046d..fa045ca928 100644 --- a/docs/master/api/interfaces/BarOptions.html +++ b/docs/master/api/interfaces/BarOptions.html @@ -7,7 +7,7 @@ - + @@ -39,8 +39,8 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BarOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

Omit.backgroundColor

# Defined in

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

# base

• base: number

The base value for the bar in data units along the value axis.

# Defined in

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

# borderColor

• borderColor: Color

# Inherited from

Omit.borderColor

# Defined in

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

# borderRadius

• borderRadius: number | BorderRadius

Border radius

Default

0

# Defined in

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

# borderSkipped

• borderSkipped: boolean | "end" | "start" | "left" | "top" | "bottom" | "right" | "middle"

Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).

Default

'start'

# Defined in

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

# borderWidth

• borderWidth: number | { bottom?: number ; left?: number ; right?: number ; top?: number }

Width of the border, number for all sides, object to specify width for each side specifically

Default

0

# Defined in

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

# inflateAmount

• inflateAmount: number | "auto"

Amount to inflate the rectangle(s). This can be used to hide artifacts between bars. -Unit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.

Default

'auto'

# Defined in

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

+ (opens new window)

# Interface: BarOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

Omit.backgroundColor

# Defined in

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

# base

• base: number

The base value for the bar in data units along the value axis.

# Defined in

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

# borderColor

• borderColor: Color

# Inherited from

Omit.borderColor

# Defined in

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

# borderRadius

• borderRadius: number | BorderRadius

Border radius

Default

0

# Defined in

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

# borderSkipped

• borderSkipped: boolean | "end" | "start" | "left" | "top" | "bottom" | "right" | "middle"

Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).

Default

'start'

# Defined in

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

# borderWidth

• borderWidth: number | { bottom?: number ; left?: number ; right?: number ; top?: number }

Width of the border, number for all sides, object to specify width for each side specifically

Default

0

# Defined in

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

# inflateAmount

• inflateAmount: number | "auto"

Amount to inflate the rectangle(s). This can be used to hide artifacts between bars. +Unit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.

Default

'auto'

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/BarProps.html b/docs/master/api/interfaces/BarProps.html index ef9e75279a..82c0b7c9b5 100644 --- a/docs/master/api/interfaces/BarProps.html +++ b/docs/master/api/interfaces/BarProps.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BarProps

# Hierarchy

# Properties

# base

• base: number

# Defined in

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

# height

• height: number

# Defined in

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

# horizontal

• horizontal: boolean

# Defined in

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

# width

• width: number

# Defined in

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

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

+ (opens new window)

# Interface: BarProps

# Hierarchy

# Properties

# base

• base: number

# Defined in

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

# height

• height: number

# Defined in

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

# horizontal

• horizontal: boolean

# Defined in

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

# width

• width: number

# Defined in

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

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/BorderOptions.html b/docs/master/api/interfaces/BorderOptions.html index ad1e8c84c2..0002c8cf2e 100644 --- a/docs/master/api/interfaces/BorderOptions.html +++ b/docs/master/api/interfaces/BorderOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BorderOptions

# Properties

# color

• color: Color

# Defined in

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

# dash

• dash: Scriptable<number[], ScriptableScaleContext>

Default

[]

# Defined in

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

# dashOffset

• dashOffset: Scriptable<number, ScriptableScaleContext>

Default

0

# Defined in

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

# display

• display: boolean

Default

true

# Defined in

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

# width

• width: number

# Defined in

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

# z

• z: number

# Defined in

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

+ (opens new window)

# Interface: BorderOptions

# Properties

# color

• color: Color

# Defined in

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

# dash

• dash: Scriptable<number[], ScriptableScaleContext>

Default

[]

# Defined in

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

# dashOffset

• dashOffset: Scriptable<number, ScriptableScaleContext>

Default

0

# Defined in

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

# display

• display: boolean

Default

true

# Defined in

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

# width

• width: number

# Defined in

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

# z

• z: number

# Defined in

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

← →

- + diff --git a/docs/master/api/interfaces/BorderRadius.html b/docs/master/api/interfaces/BorderRadius.html index 8255cb8c58..f414fc9f96 100644 --- a/docs/master/api/interfaces/BorderRadius.html +++ b/docs/master/api/interfaces/BorderRadius.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BorderRadius

# Properties

# bottomLeft

• bottomLeft: number

# Defined in

types/index.d.ts:2121 (opens new window)

# bottomRight

• bottomRight: number

# Defined in

types/index.d.ts:2122 (opens new window)

# topLeft

• topLeft: number

# Defined in

types/index.d.ts:2119 (opens new window)

# topRight

• topRight: number

# Defined in

types/index.d.ts:2120 (opens new window)

+ (opens new window)

# Interface: BorderRadius

# Properties

# bottomLeft

• bottomLeft: number

# Defined in

types/index.d.ts:2121 (opens new window)

# bottomRight

• bottomRight: number

# Defined in

types/index.d.ts:2122 (opens new window)

# topLeft

• topLeft: number

# Defined in

types/index.d.ts:2119 (opens new window)

# topRight

• topRight: number

# Defined in

types/index.d.ts:2120 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/BubbleControllerDatasetOptions.html b/docs/master/api/interfaces/BubbleControllerDatasetOptions.html index def2c8155d..b838ea1a16 100644 --- a/docs/master/api/interfaces/BubbleControllerDatasetOptions.html +++ b/docs/master/api/interfaces/BubbleControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BubbleControllerDatasetOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# drawActiveElementsOnTop

• drawActiveElementsOnTop: ScriptableAndArray<boolean, ScriptableContext<"bubble">>

Draw the active elements over the other elements of the dataset,

Default

true

# Inherited from

ScriptableAndArrayOptions.drawActiveElementsOnTop

# Defined in

types/index.d.ts:2018 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hitRadius

• hitRadius: ScriptableAndArray<number, ScriptableContext<"bubble">>

Extra radius added to point radius for hit detection.

Default

1

# Inherited from

ScriptableAndArrayOptions.hitRadius

# Defined in

types/index.d.ts:2003 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverRadius

• hoverRadius: ScriptableAndArray<number, ScriptableContext<"bubble">>

Point radius when hovered.

Default

4

# Inherited from

ScriptableAndArrayOptions.hoverRadius

# Defined in

types/index.d.ts:2026 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# pointStyle

• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"bubble">>

Point style

Default

'circle;

# Inherited from

ScriptableAndArrayOptions.pointStyle

# Defined in

types/index.d.ts:2008 (opens new window)

# radius

• radius: ScriptableAndArray<number, ScriptableContext<"bubble">>

Point radius

Default

3

# Inherited from

ScriptableAndArrayOptions.radius

# Defined in

types/index.d.ts:1998 (opens new window)

# rotation

• rotation: ScriptableAndArray<number, ScriptableContext<"bubble">>

Point rotation (in degrees).

Default

0

# Inherited from

ScriptableAndArrayOptions.rotation

# Defined in

types/index.d.ts:2013 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

types/index.d.ts:169 (opens new window)

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

types/index.d.ts:173 (opens new window)

+ (opens new window)

# Interface: BubbleControllerDatasetOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# drawActiveElementsOnTop

• drawActiveElementsOnTop: ScriptableAndArray<boolean, ScriptableContext<"bubble">>

Draw the active elements over the other elements of the dataset,

Default

true

# Inherited from

ScriptableAndArrayOptions.drawActiveElementsOnTop

# Defined in

types/index.d.ts:2018 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hitRadius

• hitRadius: ScriptableAndArray<number, ScriptableContext<"bubble">>

Extra radius added to point radius for hit detection.

Default

1

# Inherited from

ScriptableAndArrayOptions.hitRadius

# Defined in

types/index.d.ts:2003 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"bubble">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverRadius

• hoverRadius: ScriptableAndArray<number, ScriptableContext<"bubble">>

Point radius when hovered.

Default

4

# Inherited from

ScriptableAndArrayOptions.hoverRadius

# Defined in

types/index.d.ts:2026 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# pointStyle

• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"bubble">>

Point style

Default

'circle;

# Inherited from

ScriptableAndArrayOptions.pointStyle

# Defined in

types/index.d.ts:2008 (opens new window)

# radius

• radius: ScriptableAndArray<number, ScriptableContext<"bubble">>

Point radius

Default

3

# Inherited from

ScriptableAndArrayOptions.radius

# Defined in

types/index.d.ts:1998 (opens new window)

# rotation

• rotation: ScriptableAndArray<number, ScriptableContext<"bubble">>

Point rotation (in degrees).

Default

0

# Inherited from

ScriptableAndArrayOptions.rotation

# Defined in

types/index.d.ts:2013 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

types/index.d.ts:169 (opens new window)

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

types/index.d.ts:173 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/BubbleDataPoint.html b/docs/master/api/interfaces/BubbleDataPoint.html index 53192bc711..0310ffe92d 100644 --- a/docs/master/api/interfaces/BubbleDataPoint.html +++ b/docs/master/api/interfaces/BubbleDataPoint.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: BubbleDataPoint

# Hierarchy

  • Point

    ↳ BubbleDataPoint

# Properties

# r

• Optional r: number

Bubble radius in pixels (not scaled).

# Defined in

types/index.d.ts:180 (opens new window)

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

+ (opens new window)

# Interface: BubbleDataPoint

# Hierarchy

  • Point

    ↳ BubbleDataPoint

# Properties

# r

• Optional r: number

Bubble radius in pixels (not scaled).

# Defined in

types/index.d.ts:180 (opens new window)

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CanvasFontSpec.html b/docs/master/api/interfaces/CanvasFontSpec.html index 1f43b404d5..aab6510c99 100644 --- a/docs/master/api/interfaces/CanvasFontSpec.html +++ b/docs/master/api/interfaces/CanvasFontSpec.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CanvasFontSpec

# Hierarchy

# Properties

# family

• family: string

Default font family for all text, follows CSS font-family options.

Default

"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"

# Inherited from

FontSpec.family

# Defined in

types/index.d.ts:1776 (opens new window)

# lineHeight

• lineHeight: string | number

Height of an individual line of text (see MDN).

Default

1.2

# Inherited from

FontSpec.lineHeight

# Defined in

types/index.d.ts:1795 (opens new window)

# size

• size: number

Default font size (in px) for text. Does not apply to radialLinear scale point labels.

Default

12

# Inherited from

FontSpec.size

# Defined in

types/index.d.ts:1781 (opens new window)

# string

• string: string

# Defined in

types/index.d.ts:1799 (opens new window)

# style

• style: "normal" | "inherit" | "italic" | "oblique" | "initial"

Default font style. Does not apply to tooltip title or footer. Does not apply to chart title. Follows CSS font-style options (i.e. normal, italic, oblique, initial, inherit)

Default

'normal'

# Inherited from

FontSpec.style

# Defined in

types/index.d.ts:1786 (opens new window)

# weight

• weight: number | "bold" | "normal" | "lighter" | "bolder"

Default font weight (boldness). (see MDN).

# Inherited from

FontSpec.weight

# Defined in

types/index.d.ts:1790 (opens new window)

+ (opens new window)

# Interface: CanvasFontSpec

# Hierarchy

# Properties

# family

• family: string

Default font family for all text, follows CSS font-family options.

Default

"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"

# Inherited from

FontSpec.family

# Defined in

types/index.d.ts:1776 (opens new window)

# lineHeight

• lineHeight: string | number

Height of an individual line of text (see MDN).

Default

1.2

# Inherited from

FontSpec.lineHeight

# Defined in

types/index.d.ts:1795 (opens new window)

# size

• size: number

Default font size (in px) for text. Does not apply to radialLinear scale point labels.

Default

12

# Inherited from

FontSpec.size

# Defined in

types/index.d.ts:1781 (opens new window)

# string

• string: string

# Defined in

types/index.d.ts:1799 (opens new window)

# style

• style: "normal" | "inherit" | "italic" | "oblique" | "initial"

Default font style. Does not apply to tooltip title or footer. Does not apply to chart title. Follows CSS font-style options (i.e. normal, italic, oblique, initial, inherit)

Default

'normal'

# Inherited from

FontSpec.style

# Defined in

types/index.d.ts:1786 (opens new window)

# weight

• weight: number | "bold" | "normal" | "lighter" | "bolder"

Default font weight (boldness). (see MDN).

# Inherited from

FontSpec.weight

# Defined in

types/index.d.ts:1790 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CartesianParsedData.html b/docs/master/api/interfaces/CartesianParsedData.html index ef9bbef171..cdee6f746f 100644 --- a/docs/master/api/interfaces/CartesianParsedData.html +++ b/docs/master/api/interfaces/CartesianParsedData.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CartesianParsedData

# Hierarchy

  • Point

    ↳ CartesianParsedData

# Properties

# _stacks

• Optional _stacks: Object

# Index signature

▪ [key: string]: { [key: number]: number; }

# Defined in

types/index.d.ts:3637 (opens new window)

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

+ (opens new window)

# Interface: CartesianParsedData

# Hierarchy

  • Point

    ↳ CartesianParsedData

# Properties

# _stacks

• Optional _stacks: Object

# Index signature

▪ [key: string]: { [key: number]: number; }

# Defined in

types/index.d.ts:3637 (opens new window)

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CartesianScaleOptions.html b/docs/master/api/interfaces/CartesianScaleOptions.html index 55b2f980f8..0c4dc39b48 100644 --- a/docs/master/api/interfaces/CartesianScaleOptions.html +++ b/docs/master/api/interfaces/CartesianScaleOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CartesianScaleOptions

# Hierarchy

# Properties

# alignToPixels

• alignToPixels: boolean

Align pixel values to device pixels

# Inherited from

CoreScaleOptions.alignToPixels

# Defined in

types/index.d.ts:1168 (opens new window)

# axis

• axis: "x" | "y" | "r"

Which type of axis this is. Possible values are: 'x', 'y', 'r'. If not set, this is inferred from the first character of the ID which should be 'x', 'y' or 'r'.

# Defined in

types/index.d.ts:3203 (opens new window)

# backgroundColor

• backgroundColor: Color

Background color of the scale area.

# Inherited from

CoreScaleOptions.backgroundColor

# Defined in

types/index.d.ts:1172 (opens new window)

# border

• border: BorderOptions

# Defined in

types/index.d.ts:3223 (opens new window)

# bounds

• bounds: "data" | "ticks"

Scale boundary strategy (bypassed by min/max time options)

  • data: make sure data are fully visible, ticks outside are removed
  • ticks: make sure ticks are fully visible, data outside are truncated

Since

2.7.0

Default

'ticks'

# Defined in

types/index.d.ts:3182 (opens new window)

# clip

• clip: boolean

Clip the dataset drawing against the size of the scale instead of chart area.

Default

true

# Inherited from

CoreScaleOptions.clip

# Defined in

types/index.d.ts:1182 (opens new window)

# display

• display: boolean | "auto"

Controls the axis global visibility (visible when true, hidden when false). When display: 'auto', the axis is visible only if at least one associated dataset is visible.

Default

true

# Inherited from

CoreScaleOptions.display

# Defined in

types/index.d.ts:1164 (opens new window)

# grid

• grid: Partial<GridLineOptions>

# Defined in

types/index.d.ts:3221 (opens new window)

# max

• max: number

User defined maximum value for the scale, overrides maximum value from data.

# Overrides

CoreScaleOptions.max

# Defined in

types/index.d.ts:3213 (opens new window)

# min

• min: number

User defined minimum value for the scale, overrides minimum value from data.

# Overrides

CoreScaleOptions.min

# Defined in

types/index.d.ts:3208 (opens new window)

# offset

• offset: boolean

If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to true for a bar chart by default.

Default

false

# Defined in

types/index.d.ts:3219 (opens new window)

# position

• position: "center" | "left" | "top" | "bottom" | "right" | { [scale: string]: number; }

Position of the axis.

# Defined in

types/index.d.ts:3187 (opens new window)

# reverse

• reverse: boolean

Reverse the scale.

Default

false

# Inherited from

CoreScaleOptions.reverse

# Defined in

types/index.d.ts:1177 (opens new window)

# stack

• Optional stack: string

Stack group. Axes at the same position with same stack are stacked.

# Defined in

types/index.d.ts:3192 (opens new window)

# stackWeight

• Optional stackWeight: number

Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.

Default

1

# Defined in

types/index.d.ts:3198 (opens new window)

# stacked

• Optional stacked: boolean | "single"

If true, data will be comprised between datasets of data

Default

false

# Defined in

types/index.d.ts:3252 (opens new window)

# suggestedMax

• suggestedMax: unknown

Adjustment used when calculating the minimum data value.

# Inherited from

CoreScaleOptions.suggestedMax

# Defined in

types/index.d.ts:1203 (opens new window)

# suggestedMin

• suggestedMin: unknown

Adjustment used when calculating the maximum data value.

# Inherited from

CoreScaleOptions.suggestedMin

# Defined in

types/index.d.ts:1199 (opens new window)

# ticks

• ticks: CartesianTickOptions

# Defined in

types/index.d.ts:3254 (opens new window)

# title

• title: Object

Options for the scale title.

# Type declaration

Name Type Description
align Align Alignment of the axis title.
color Color Color of the axis label.
display boolean If true, displays the axis title.
font ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableCartesianScaleContext> Information about the axis title font.
padding number | { bottom: number ; top: number ; y: number } Padding to apply around scale labels.
text string | string[] The text for the title, e.g. "# of People" or "Response Choices".

# Defined in

types/index.d.ts:3226 (opens new window)

# weight

• weight: number

The weight used to sort the axis. Higher weights are further away from the chart area.

Default

true

# Inherited from

CoreScaleOptions.weight

# Defined in

types/index.d.ts:1187 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(axis): void

Callback that runs after ticks are created. Useful for filtering ticks.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterBuildTicks

# Defined in

types/index.d.ts:1231 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(axis): void

Callback that runs after tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterCalculateLabelRotation

# Defined in

types/index.d.ts:1247 (opens new window)

# afterDataLimits

▸ afterDataLimits(axis): void

Callback that runs after data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterDataLimits

# Defined in

types/index.d.ts:1223 (opens new window)

# afterFit

▸ afterFit(axis): void

Callback that runs after the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterFit

# Defined in

types/index.d.ts:1255 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(axis): void

Callback that runs after dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterSetDimensions

# Defined in

types/index.d.ts:1215 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(axis): void

Callback that runs after ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterTickToLabelConversion

# Defined in

types/index.d.ts:1239 (opens new window)

# afterUpdate

▸ afterUpdate(axis): void

Callback that runs at the end of the update process.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterUpdate

# Defined in

types/index.d.ts:1259 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(axis): void

Callback that runs before ticks are created.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeBuildTicks

# Defined in

types/index.d.ts:1227 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(axis): void

Callback that runs before tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeCalculateLabelRotation

# Defined in

types/index.d.ts:1243 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(axis): void

Callback that runs before data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeDataLimits

# Defined in

types/index.d.ts:1219 (opens new window)

# beforeFit

▸ beforeFit(axis): void

Callback that runs before the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeFit

# Defined in

types/index.d.ts:1251 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(axis): void

Callback that runs before dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeSetDimensions

# Defined in

types/index.d.ts:1211 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(axis): void

Callback that runs before ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeTickToLabelConversion

# Defined in

types/index.d.ts:1235 (opens new window)

# beforeUpdate

▸ beforeUpdate(axis): void

Callback called before the update process starts.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeUpdate

# Defined in

types/index.d.ts:1207 (opens new window)

+ (opens new window)

# Interface: CartesianScaleOptions

# Hierarchy

# Properties

# alignToPixels

• alignToPixels: boolean

Align pixel values to device pixels

# Inherited from

CoreScaleOptions.alignToPixels

# Defined in

types/index.d.ts:1168 (opens new window)

# axis

• axis: "x" | "y" | "r"

Which type of axis this is. Possible values are: 'x', 'y', 'r'. If not set, this is inferred from the first character of the ID which should be 'x', 'y' or 'r'.

# Defined in

types/index.d.ts:3203 (opens new window)

# backgroundColor

• backgroundColor: Color

Background color of the scale area.

# Inherited from

CoreScaleOptions.backgroundColor

# Defined in

types/index.d.ts:1172 (opens new window)

# border

• border: BorderOptions

# Defined in

types/index.d.ts:3223 (opens new window)

# bounds

• bounds: "data" | "ticks"

Scale boundary strategy (bypassed by min/max time options)

  • data: make sure data are fully visible, ticks outside are removed
  • ticks: make sure ticks are fully visible, data outside are truncated

Since

2.7.0

Default

'ticks'

# Defined in

types/index.d.ts:3182 (opens new window)

# clip

• clip: boolean

Clip the dataset drawing against the size of the scale instead of chart area.

Default

true

# Inherited from

CoreScaleOptions.clip

# Defined in

types/index.d.ts:1182 (opens new window)

# display

• display: boolean | "auto"

Controls the axis global visibility (visible when true, hidden when false). When display: 'auto', the axis is visible only if at least one associated dataset is visible.

Default

true

# Inherited from

CoreScaleOptions.display

# Defined in

types/index.d.ts:1164 (opens new window)

# grid

• grid: Partial<GridLineOptions>

# Defined in

types/index.d.ts:3221 (opens new window)

# max

• max: number

User defined maximum value for the scale, overrides maximum value from data.

# Overrides

CoreScaleOptions.max

# Defined in

types/index.d.ts:3213 (opens new window)

# min

• min: number

User defined minimum value for the scale, overrides minimum value from data.

# Overrides

CoreScaleOptions.min

# Defined in

types/index.d.ts:3208 (opens new window)

# offset

• offset: boolean

If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to true for a bar chart by default.

Default

false

# Defined in

types/index.d.ts:3219 (opens new window)

# position

• position: "center" | "left" | "top" | "bottom" | "right" | { [scale: string]: number; }

Position of the axis.

# Defined in

types/index.d.ts:3187 (opens new window)

# reverse

• reverse: boolean

Reverse the scale.

Default

false

# Inherited from

CoreScaleOptions.reverse

# Defined in

types/index.d.ts:1177 (opens new window)

# stack

• Optional stack: string

Stack group. Axes at the same position with same stack are stacked.

# Defined in

types/index.d.ts:3192 (opens new window)

# stackWeight

• Optional stackWeight: number

Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.

Default

1

# Defined in

types/index.d.ts:3198 (opens new window)

# stacked

• Optional stacked: boolean | "single"

If true, data will be comprised between datasets of data

Default

false

# Defined in

types/index.d.ts:3252 (opens new window)

# suggestedMax

• suggestedMax: unknown

Adjustment used when calculating the minimum data value.

# Inherited from

CoreScaleOptions.suggestedMax

# Defined in

types/index.d.ts:1203 (opens new window)

# suggestedMin

• suggestedMin: unknown

Adjustment used when calculating the maximum data value.

# Inherited from

CoreScaleOptions.suggestedMin

# Defined in

types/index.d.ts:1199 (opens new window)

# ticks

• ticks: CartesianTickOptions

# Defined in

types/index.d.ts:3254 (opens new window)

# title

• title: Object

Options for the scale title.

# Type declaration

Name Type Description
align Align Alignment of the axis title.
color Color Color of the axis label.
display boolean If true, displays the axis title.
font ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableCartesianScaleContext> Information about the axis title font.
padding number | { bottom: number ; top: number ; y: number } Padding to apply around scale labels.
text string | string[] The text for the title, e.g. "# of People" or "Response Choices".

# Defined in

types/index.d.ts:3226 (opens new window)

# weight

• weight: number

The weight used to sort the axis. Higher weights are further away from the chart area.

Default

true

# Inherited from

CoreScaleOptions.weight

# Defined in

types/index.d.ts:1187 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(axis): void

Callback that runs after ticks are created. Useful for filtering ticks.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterBuildTicks

# Defined in

types/index.d.ts:1231 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(axis): void

Callback that runs after tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterCalculateLabelRotation

# Defined in

types/index.d.ts:1247 (opens new window)

# afterDataLimits

▸ afterDataLimits(axis): void

Callback that runs after data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterDataLimits

# Defined in

types/index.d.ts:1223 (opens new window)

# afterFit

▸ afterFit(axis): void

Callback that runs after the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterFit

# Defined in

types/index.d.ts:1255 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(axis): void

Callback that runs after dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterSetDimensions

# Defined in

types/index.d.ts:1215 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(axis): void

Callback that runs after ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterTickToLabelConversion

# Defined in

types/index.d.ts:1239 (opens new window)

# afterUpdate

▸ afterUpdate(axis): void

Callback that runs at the end of the update process.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.afterUpdate

# Defined in

types/index.d.ts:1259 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(axis): void

Callback that runs before ticks are created.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeBuildTicks

# Defined in

types/index.d.ts:1227 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(axis): void

Callback that runs before tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeCalculateLabelRotation

# Defined in

types/index.d.ts:1243 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(axis): void

Callback that runs before data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeDataLimits

# Defined in

types/index.d.ts:1219 (opens new window)

# beforeFit

▸ beforeFit(axis): void

Callback that runs before the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeFit

# Defined in

types/index.d.ts:1251 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(axis): void

Callback that runs before dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeSetDimensions

# Defined in

types/index.d.ts:1211 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(axis): void

Callback that runs before ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeTickToLabelConversion

# Defined in

types/index.d.ts:1235 (opens new window)

# beforeUpdate

▸ beforeUpdate(axis): void

Callback called before the update process starts.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Inherited from

CoreScaleOptions.beforeUpdate

# Defined in

types/index.d.ts:1207 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CartesianScaleTypeRegistry.html b/docs/master/api/interfaces/CartesianScaleTypeRegistry.html index ac944a9192..4302089a93 100644 --- a/docs/master/api/interfaces/CartesianScaleTypeRegistry.html +++ b/docs/master/api/interfaces/CartesianScaleTypeRegistry.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CartesianScaleTypeRegistry

# Hierarchy

# Properties

# category

• category: Object

# Type declaration

Name Type
options CategoryScaleOptions

# Defined in

types/index.d.ts:3613 (opens new window)

# linear

• linear: Object

# Type declaration

Name Type
options LinearScaleOptions

# Defined in

types/index.d.ts:3607 (opens new window)

# logarithmic

• logarithmic: Object

# Type declaration

Name Type
options LogarithmicScaleOptions

# Defined in

types/index.d.ts:3610 (opens new window)

# time

• time: Object

# Type declaration

Name Type
options TimeScaleOptions

# Defined in

types/index.d.ts:3616 (opens new window)

# timeseries

• timeseries: Object

# Type declaration

Name Type
options TimeScaleOptions

# Defined in

types/index.d.ts:3619 (opens new window)

+ (opens new window)

# Interface: CartesianScaleTypeRegistry

# Hierarchy

# Properties

# category

• category: Object

# Type declaration

Name Type
options CategoryScaleOptions

# Defined in

types/index.d.ts:3613 (opens new window)

# linear

• linear: Object

# Type declaration

Name Type
options LinearScaleOptions

# Defined in

types/index.d.ts:3607 (opens new window)

# logarithmic

• logarithmic: Object

# Type declaration

Name Type
options LogarithmicScaleOptions

# Defined in

types/index.d.ts:3610 (opens new window)

# time

• time: Object

# Type declaration

Name Type
options TimeScaleOptions

# Defined in

types/index.d.ts:3616 (opens new window)

# timeseries

• timeseries: Object

# Type declaration

Name Type
options TimeScaleOptions

# Defined in

types/index.d.ts:3619 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartArea.html b/docs/master/api/interfaces/ChartArea.html index 4fea193c7f..edf4a4db65 100644 --- a/docs/master/api/interfaces/ChartArea.html +++ b/docs/master/api/interfaces/ChartArea.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartArea

# Properties

# bottom

• bottom: number

# Defined in

types/geometric.d.ts:5 (opens new window)

# height

• height: number

# Defined in

types/geometric.d.ts:7 (opens new window)

# left

• left: number

# Defined in

types/geometric.d.ts:3 (opens new window)

• right: number

# Defined in

types/geometric.d.ts:4 (opens new window)

# top

• top: number

# Defined in

types/geometric.d.ts:2 (opens new window)

# width

• width: number

# Defined in

types/geometric.d.ts:6 (opens new window)

+ (opens new window)

# Interface: ChartArea

# Properties

# bottom

• bottom: number

# Defined in

types/geometric.d.ts:5 (opens new window)

# height

• height: number

# Defined in

types/geometric.d.ts:7 (opens new window)

# left

• left: number

# Defined in

types/geometric.d.ts:3 (opens new window)

• right: number

# Defined in

types/geometric.d.ts:4 (opens new window)

# top

• top: number

# Defined in

types/geometric.d.ts:2 (opens new window)

# width

• width: number

# Defined in

types/geometric.d.ts:6 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartComponent.html b/docs/master/api/interfaces/ChartComponent.html index b4299215ac..43030cfe5c 100644 --- a/docs/master/api/interfaces/ChartComponent.html +++ b/docs/master/api/interfaces/ChartComponent.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartComponent

# Hierarchy

# Properties

# defaultRoutes

• Optional defaultRoutes: Object

# Index signature

▪ [property: string]: string

# Defined in

types/index.d.ts:1554 (opens new window)

# defaults

• Optional defaults: AnyObject

# Defined in

types/index.d.ts:1553 (opens new window)

# id

• id: string

# Defined in

types/index.d.ts:1552 (opens new window)

# Methods

# afterRegister

▸ Optional afterRegister(): void

# Returns

void

# Defined in

types/index.d.ts:1557 (opens new window)

# afterUnregister

▸ Optional afterUnregister(): void

# Returns

void

# Defined in

types/index.d.ts:1559 (opens new window)

# beforeRegister

▸ Optional beforeRegister(): void

# Returns

void

# Defined in

types/index.d.ts:1556 (opens new window)

# beforeUnregister

▸ Optional beforeUnregister(): void

# Returns

void

# Defined in

types/index.d.ts:1558 (opens new window)

+ (opens new window)

# Interface: ChartComponent

# Hierarchy

# Properties

# defaultRoutes

• Optional defaultRoutes: Object

# Index signature

▪ [property: string]: string

# Defined in

types/index.d.ts:1554 (opens new window)

# defaults

• Optional defaults: AnyObject

# Defined in

types/index.d.ts:1553 (opens new window)

# id

• id: string

# Defined in

types/index.d.ts:1552 (opens new window)

# Methods

# afterRegister

▸ Optional afterRegister(): void

# Returns

void

# Defined in

types/index.d.ts:1557 (opens new window)

# afterUnregister

▸ Optional afterUnregister(): void

# Returns

void

# Defined in

types/index.d.ts:1559 (opens new window)

# beforeRegister

▸ Optional beforeRegister(): void

# Returns

void

# Defined in

types/index.d.ts:1556 (opens new window)

# beforeUnregister

▸ Optional beforeUnregister(): void

# Returns

void

# Defined in

types/index.d.ts:1558 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartConfiguration.html b/docs/master/api/interfaces/ChartConfiguration.html index 4cf6b3a6ef..dbf4771aee 100644 --- a/docs/master/api/interfaces/ChartConfiguration.html +++ b/docs/master/api/interfaces/ChartConfiguration.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartConfiguration<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# data

• data: ChartData<TType, TData, TLabel>

# Defined in

types/index.d.ts:3828 (opens new window)

# options

• Optional options: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, _DeepPartialArray<unknown>>

# Defined in

types/index.d.ts:3829 (opens new window)

# platform

• Optional platform: typeof BasePlatform

# Defined in

types/index.d.ts:3831 (opens new window)

# plugins

• Optional plugins: Plugin<TType, AnyObject>[]

# Defined in

types/index.d.ts:3830 (opens new window)

# type

• type: TType

# Defined in

types/index.d.ts:3827 (opens new window)

+ (opens new window)

# Interface: ChartConfiguration<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# data

• data: ChartData<TType, TData, TLabel>

# Defined in

types/index.d.ts:3828 (opens new window)

# options

• Optional options: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, _DeepPartialArray<unknown>>

# Defined in

types/index.d.ts:3829 (opens new window)

# platform

• Optional platform: typeof BasePlatform

# Defined in

types/index.d.ts:3831 (opens new window)

# plugins

• Optional plugins: Plugin<TType, AnyObject>[]

# Defined in

types/index.d.ts:3830 (opens new window)

# type

• type: TType

# Defined in

types/index.d.ts:3827 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartConfigurationCustomTypesPerDataset.html b/docs/master/api/interfaces/ChartConfigurationCustomTypesPerDataset.html index d90922d093..b4a0181032 100644 --- a/docs/master/api/interfaces/ChartConfigurationCustomTypesPerDataset.html +++ b/docs/master/api/interfaces/ChartConfigurationCustomTypesPerDataset.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartConfigurationCustomTypesPerDataset<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# data

• data: ChartDataCustomTypesPerDataset<TType, TData, TLabel>

# Defined in

types/index.d.ts:3839 (opens new window)

# options

• Optional options: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, _DeepPartialArray<unknown>>

# Defined in

types/index.d.ts:3840 (opens new window)

# plugins

• Optional plugins: Plugin<TType, AnyObject>[]

# Defined in

types/index.d.ts:3841 (opens new window)

+ (opens new window)

# Interface: ChartConfigurationCustomTypesPerDataset<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# data

• data: ChartDataCustomTypesPerDataset<TType, TData, TLabel>

# Defined in

types/index.d.ts:3839 (opens new window)

# options

• Optional options: Exclude<DeepPartial<CoreChartOptions<TType> & ElementChartOptions<TType> & PluginChartOptions<TType> & DatasetChartOptions<TType> & ScaleChartOptions<TType> & ChartTypeRegistry[TType]["chartOptions"]>, _DeepPartialArray<unknown>>

# Defined in

types/index.d.ts:3840 (opens new window)

# plugins

• Optional plugins: Plugin<TType, AnyObject>[]

# Defined in

types/index.d.ts:3841 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartData.html b/docs/master/api/interfaces/ChartData.html index 9785bbecc4..e85857d141 100644 --- a/docs/master/api/interfaces/ChartData.html +++ b/docs/master/api/interfaces/ChartData.html @@ -7,7 +7,7 @@ - + @@ -41,7 +41,7 @@ GitHub (opens new window)

# Interface: ChartData<TType, TData, TLabel>

TData represents the data point type. If unspecified, a default is provided based on the chart type. -TLabel represents the label type

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# datasets

• datasets: ChartDataset<TType, TData>[]

# Defined in

types/index.d.ts:3808 (opens new window)

# labels

• Optional labels: TLabel[]

# Defined in

types/index.d.ts:3805 (opens new window)

# xLabels

• Optional xLabels: TLabel[]

# Defined in

types/index.d.ts:3806 (opens new window)

# yLabels

• Optional yLabels: TLabel[]

# Defined in

types/index.d.ts:3807 (opens new window)

+TLabel represents the label type

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# datasets

• datasets: ChartDataset<TType, TData>[]

# Defined in

types/index.d.ts:3808 (opens new window)

# labels

• Optional labels: TLabel[]

# Defined in

types/index.d.ts:3805 (opens new window)

# xLabels

• Optional xLabels: TLabel[]

# Defined in

types/index.d.ts:3806 (opens new window)

# yLabels

• Optional yLabels: TLabel[]

# Defined in

types/index.d.ts:3807 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartDataCustomTypesPerDataset.html b/docs/master/api/interfaces/ChartDataCustomTypesPerDataset.html index 07b90b5a81..f82a474c4b 100644 --- a/docs/master/api/interfaces/ChartDataCustomTypesPerDataset.html +++ b/docs/master/api/interfaces/ChartDataCustomTypesPerDataset.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartDataCustomTypesPerDataset<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# datasets

• datasets: ChartDatasetCustomTypesPerDataset<TType, TData>[]

# Defined in

types/index.d.ts:3819 (opens new window)

# labels

• Optional labels: TLabel[]

# Defined in

types/index.d.ts:3816 (opens new window)

# xLabels

• Optional xLabels: TLabel[]

# Defined in

types/index.d.ts:3817 (opens new window)

# yLabels

• Optional yLabels: TLabel[]

# Defined in

types/index.d.ts:3818 (opens new window)

+ (opens new window)

# Interface: ChartDataCustomTypesPerDataset<TType, TData, TLabel>

# Type parameters

Name Type
TType extends ChartType = ChartType
TData DefaultDataPoint<TType>
TLabel unknown

# Properties

# datasets

• datasets: ChartDatasetCustomTypesPerDataset<TType, TData>[]

# Defined in

types/index.d.ts:3819 (opens new window)

# labels

• Optional labels: TLabel[]

# Defined in

types/index.d.ts:3816 (opens new window)

# xLabels

• Optional xLabels: TLabel[]

# Defined in

types/index.d.ts:3817 (opens new window)

# yLabels

• Optional yLabels: TLabel[]

# Defined in

types/index.d.ts:3818 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartDatasetProperties.html b/docs/master/api/interfaces/ChartDatasetProperties.html index 436730e334..b3ce83b731 100644 --- a/docs/master/api/interfaces/ChartDatasetProperties.html +++ b/docs/master/api/interfaces/ChartDatasetProperties.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartDatasetProperties<TType, TData>

# Type parameters

Name Type
TType extends ChartType
TData TData

# Properties

# data

• data: TData

# Defined in

types/index.d.ts:3773 (opens new window)

# type

• Optional type: TType

# Defined in

types/index.d.ts:3772 (opens new window)

+ (opens new window)

# Interface: ChartDatasetProperties<TType, TData>

# Type parameters

Name Type
TType extends ChartType
TData TData

# Properties

# data

• data: TData

# Defined in

types/index.d.ts:3773 (opens new window)

# type

• Optional type: TType

# Defined in

types/index.d.ts:3772 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html b/docs/master/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html index 33e165b4dd..b3d5f639ac 100644 --- a/docs/master/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html +++ b/docs/master/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartDatasetPropertiesCustomTypesPerDataset<TType, TData>

# Type parameters

Name Type
TType extends ChartType
TData TData

# Properties

# data

• data: TData

# Defined in

types/index.d.ts:3778 (opens new window)

# type

• type: TType

# Defined in

types/index.d.ts:3777 (opens new window)

+ (opens new window)

# Interface: ChartDatasetPropertiesCustomTypesPerDataset<TType, TData>

# Type parameters

Name Type
TType extends ChartType
TData TData

# Properties

# data

• data: TData

# Defined in

types/index.d.ts:3778 (opens new window)

# type

• type: TType

# Defined in

types/index.d.ts:3777 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartEvent.html b/docs/master/api/interfaces/ChartEvent.html index a14d1592f7..e065f91c6a 100644 --- a/docs/master/api/interfaces/ChartEvent.html +++ b/docs/master/api/interfaces/ChartEvent.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartEvent

# Properties

# native

• native: Event

# Defined in

types/index.d.ts:1547 (opens new window)

# type

• type: "resize" | "click" | "contextmenu" | "dblclick" | "keydown" | "keypress" | "keyup" | "mousedown" | "mouseenter" | "mousemove" | "mouseout" | "mouseup"

# Defined in

types/index.d.ts:1534 (opens new window)

# x

• x: number

# Defined in

types/index.d.ts:1548 (opens new window)

# y

• y: number

# Defined in

types/index.d.ts:1549 (opens new window)

+ (opens new window)

# Interface: ChartEvent

# Properties

# native

• native: Event

# Defined in

types/index.d.ts:1547 (opens new window)

# type

• type: "resize" | "click" | "contextmenu" | "dblclick" | "keydown" | "keypress" | "keyup" | "mousedown" | "mouseenter" | "mousemove" | "mouseout" | "mouseup"

# Defined in

types/index.d.ts:1534 (opens new window)

# x

• x: number

# Defined in

types/index.d.ts:1548 (opens new window)

# y

• y: number

# Defined in

types/index.d.ts:1549 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ChartTypeRegistry.html b/docs/master/api/interfaces/ChartTypeRegistry.html index 57f17c9e06..76eef45ec5 100644 --- a/docs/master/api/interfaces/ChartTypeRegistry.html +++ b/docs/master/api/interfaces/ChartTypeRegistry.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ChartTypeRegistry

# Properties

# bar

• bar: Object

# Type declaration

Name Type
chartOptions BarControllerChartOptions
datasetOptions BarControllerDatasetOptions
defaultDataPoint number | [number, number]
metaExtensions {}
parsedDataType BarParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3668 (opens new window)

# bubble

• bubble: Object

# Type declaration

Name Type
chartOptions unknown
datasetOptions BubbleControllerDatasetOptions
defaultDataPoint BubbleDataPoint
metaExtensions {}
parsedDataType BubbleParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3692 (opens new window)

# doughnut

• doughnut: Object

# Type declaration

Name Type
chartOptions DoughnutControllerChartOptions
datasetOptions DoughnutControllerDatasetOptions
defaultDataPoint number
metaExtensions DoughnutMetaExtensions
parsedDataType number
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3708 (opens new window)

# line

• line: Object

# Type declaration

Name Type
chartOptions LineControllerChartOptions
datasetOptions LineControllerDatasetOptions & FillerControllerDatasetOptions
defaultDataPoint number | Point
metaExtensions {}
parsedDataType CartesianParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3676 (opens new window)

# pie

• pie: Object

# Type declaration

Name Type
chartOptions DoughnutControllerChartOptions
datasetOptions DoughnutControllerDatasetOptions
defaultDataPoint number
metaExtensions DoughnutMetaExtensions
parsedDataType number
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3700 (opens new window)

# polarArea

• polarArea: Object

# Type declaration

Name Type
chartOptions PolarAreaControllerChartOptions
datasetOptions PolarAreaControllerDatasetOptions
defaultDataPoint number
metaExtensions {}
parsedDataType RadialParsedData
scales "radialLinear"

# Defined in

types/index.d.ts:3716 (opens new window)

# radar

• radar: Object

# Type declaration

Name Type
chartOptions LineControllerChartOptions
datasetOptions RadarControllerDatasetOptions & FillerControllerDatasetOptions
defaultDataPoint number
metaExtensions {}
parsedDataType RadialParsedData
scales "radialLinear"

# Defined in

types/index.d.ts:3724 (opens new window)

# scatter

• scatter: Object

# Type declaration

Name Type
chartOptions LineControllerChartOptions
datasetOptions LineControllerDatasetOptions
defaultDataPoint number | Point
metaExtensions {}
parsedDataType CartesianParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3684 (opens new window)

+ (opens new window)

# Interface: ChartTypeRegistry

# Properties

# bar

• bar: Object

# Type declaration

Name Type
chartOptions BarControllerChartOptions
datasetOptions BarControllerDatasetOptions
defaultDataPoint number | [number, number]
metaExtensions {}
parsedDataType BarParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3668 (opens new window)

# bubble

• bubble: Object

# Type declaration

Name Type
chartOptions unknown
datasetOptions BubbleControllerDatasetOptions
defaultDataPoint BubbleDataPoint
metaExtensions {}
parsedDataType BubbleParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3692 (opens new window)

# doughnut

• doughnut: Object

# Type declaration

Name Type
chartOptions DoughnutControllerChartOptions
datasetOptions DoughnutControllerDatasetOptions
defaultDataPoint number
metaExtensions DoughnutMetaExtensions
parsedDataType number
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3708 (opens new window)

# line

• line: Object

# Type declaration

Name Type
chartOptions LineControllerChartOptions
datasetOptions LineControllerDatasetOptions & FillerControllerDatasetOptions
defaultDataPoint number | Point
metaExtensions {}
parsedDataType CartesianParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3676 (opens new window)

# pie

• pie: Object

# Type declaration

Name Type
chartOptions DoughnutControllerChartOptions
datasetOptions DoughnutControllerDatasetOptions
defaultDataPoint number
metaExtensions DoughnutMetaExtensions
parsedDataType number
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3700 (opens new window)

# polarArea

• polarArea: Object

# Type declaration

Name Type
chartOptions PolarAreaControllerChartOptions
datasetOptions PolarAreaControllerDatasetOptions
defaultDataPoint number
metaExtensions {}
parsedDataType RadialParsedData
scales "radialLinear"

# Defined in

types/index.d.ts:3716 (opens new window)

# radar

• radar: Object

# Type declaration

Name Type
chartOptions LineControllerChartOptions
datasetOptions RadarControllerDatasetOptions & FillerControllerDatasetOptions
defaultDataPoint number
metaExtensions {}
parsedDataType RadialParsedData
scales "radialLinear"

# Defined in

types/index.d.ts:3724 (opens new window)

# scatter

• scatter: Object

# Type declaration

Name Type
chartOptions LineControllerChartOptions
datasetOptions LineControllerDatasetOptions
defaultDataPoint number | Point
metaExtensions {}
parsedDataType CartesianParsedData
scales keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3684 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CommonElementOptions.html b/docs/master/api/interfaces/CommonElementOptions.html index 0368fef3c7..4b6ce61528 100644 --- a/docs/master/api/interfaces/CommonElementOptions.html +++ b/docs/master/api/interfaces/CommonElementOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CommonElementOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Defined in

types/index.d.ts:1817 (opens new window)

# borderColor

• borderColor: Color

# Defined in

types/index.d.ts:1816 (opens new window)

# borderWidth

• borderWidth: number

# Defined in

types/index.d.ts:1815 (opens new window)

+ (opens new window)

# Interface: CommonElementOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Defined in

types/index.d.ts:1817 (opens new window)

# borderColor

• borderColor: Color

# Defined in

types/index.d.ts:1816 (opens new window)

# borderWidth

• borderWidth: number

# Defined in

types/index.d.ts:1815 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CommonHoverOptions.html b/docs/master/api/interfaces/CommonHoverOptions.html index fd234b406b..994db80bb1 100644 --- a/docs/master/api/interfaces/CommonHoverOptions.html +++ b/docs/master/api/interfaces/CommonHoverOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CommonHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: Color

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: number

# Defined in

types/index.d.ts:1821 (opens new window)

+ (opens new window)

# Interface: CommonHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: Color

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: number

# Defined in

types/index.d.ts:1821 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ComplexFillTarget.html b/docs/master/api/interfaces/ComplexFillTarget.html index 45a2669e55..b10b23580c 100644 --- a/docs/master/api/interfaces/ComplexFillTarget.html +++ b/docs/master/api/interfaces/ComplexFillTarget.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ComplexFillTarget

# Properties

# above

• above: Color

If no color is set, the default color will be the background color of the chart.

# Defined in

types/index.d.ts:2248 (opens new window)

# below

• below: Color

Same as the above.

# Defined in

types/index.d.ts:2252 (opens new window)

# target

• target: FillTarget

The accepted values are the same as the filling mode values, so you may use absolute and relative dataset indexes and/or boundaries.

# Defined in

types/index.d.ts:2244 (opens new window)

+ (opens new window)

# Interface: ComplexFillTarget

# Properties

# above

• above: Color

If no color is set, the default color will be the background color of the chart.

# Defined in

types/index.d.ts:2248 (opens new window)

# below

• below: Color

Same as the above.

# Defined in

types/index.d.ts:2252 (opens new window)

# target

• target: FillTarget

The accepted values are the same as the filling mode values, so you may use absolute and relative dataset indexes and/or boundaries.

# Defined in

types/index.d.ts:2244 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ControllerDatasetOptions.html b/docs/master/api/interfaces/ControllerDatasetOptions.html index de87b53459..ec8011064e 100644 --- a/docs/master/api/interfaces/ControllerDatasetOptions.html +++ b/docs/master/api/interfaces/ControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ControllerDatasetOptions

# Hierarchy

# Properties

# clip

• clip: number | false | ChartArea

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

types/index.d.ts:75 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Defined in

types/index.d.ts:93 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ParsingOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Defined in

types/index.d.ts:83 (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

ParsingOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Defined in

types/index.d.ts:88 (opens new window)

+ (opens new window)

# Interface: ControllerDatasetOptions

# Hierarchy

# Properties

# clip

• clip: number | false | ChartArea

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

types/index.d.ts:75 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Defined in

types/index.d.ts:93 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ParsingOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Defined in

types/index.d.ts:83 (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

ParsingOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Defined in

types/index.d.ts:88 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CoreChartOptions.html b/docs/master/api/interfaces/CoreChartOptions.html index cd715f6842..b5b5736312 100644 --- a/docs/master/api/interfaces/CoreChartOptions.html +++ b/docs/master/api/interfaces/CoreChartOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CoreChartOptions<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<TType> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<TType>

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (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

types/index.d.ts:1655 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base background color

See

Defaults.backgroundColor

# Defined in

types/index.d.ts:1614 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base border color

See

Defaults.borderColor

# Defined in

types/index.d.ts:1624 (opens new window)

# clip

• clip: number | false | ChartArea

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

types/index.d.ts:1603 (opens new window)

# color

• color: Scriptable<Color, ScriptableContext<TType>>

base color

See

Defaults.color

# Defined in

types/index.d.ts:1609 (opens new window)

# datasets

• datasets: Object

# Type declaration

Name Type
bar BarControllerDatasetOptions
bubble BubbleControllerDatasetOptions
doughnut DoughnutControllerDatasetOptions
line LineControllerDatasetOptions & FillerControllerDatasetOptions
pie DoughnutControllerDatasetOptions
polarArea PolarAreaControllerDatasetOptions
radar RadarControllerDatasetOptions & FillerControllerDatasetOptions
scatter LineControllerDatasetOptions

# Defined in

types/index.d.ts:1590 (opens new window)

# devicePixelRatio

• devicePixelRatio: number

Override the window's default devicePixelRatio.

Default

window.devicePixelRatio

# Defined in

types/index.d.ts:1672 (opens new window)

# 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

types/index.d.ts:1682 (opens new window)

# font

• font: Partial<FontSpec>

base font

See

Defaults.font

# Defined in

types/index.d.ts:1634 (opens new window)

# hover

• hover: CoreInteractionOptions

# Defined in

types/index.d.ts:1676 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base hover background color

See

Defaults.hoverBackgroundColor

# Defined in

types/index.d.ts:1619 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base hover border color

See

Defaults.hoverBorderColor

# Defined in

types/index.d.ts:1629 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Defined in

types/index.d.ts:1598 (opens new window)

# interaction

• interaction: CoreInteractionOptions

# Defined in

types/index.d.ts:1674 (opens new window)

# layout

• layout: Partial<{ autoPadding: boolean ; padding: Scriptable<Padding, ScriptableContext<TType>> }>

# Defined in

types/index.d.ts:1694 (opens new window)

# locale

• locale: string

Locale used for number formatting (using Intl.NumberFormat).

Default

user's browser setting

# Defined in

types/index.d.ts:1661 (opens new window)

# maintainAspectRatio

• maintainAspectRatio: boolean

Maintain the original canvas aspect ratio (width / height) when resizing. For this option to work properly the chart must be in its own dedicated container.

Default

true

# Defined in

types/index.d.ts:1644 (opens new window)

# 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

ParsingOptions.normalized

# Defined in

types/index.d.ts:63 (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

ParsingOptions.parsing

# Defined in

types/index.d.ts:54 (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

types/index.d.ts:1649 (opens new window)

# responsive

• responsive: boolean

Resizes the chart canvas when its container does (important note...).

Default

true

# Defined in

types/index.d.ts:1639 (opens new window)

# transitions

• transitions: TransitionsSpec<TType>

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# Methods

# onClick

▸ onClick(event, elements, chart): void

Called if the event is of type 'mouseup' or 'click'. Passed the event, an array of active elements, and the chart.

# Parameters

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/index.d.ts:1692 (opens new window)

# 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

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/index.d.ts:1687 (opens new window)

# onResize

▸ onResize(chart, size): void

Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
size Object
size.height number
size.width number

# Returns

void

# Defined in

types/index.d.ts:1666 (opens new window)

+ (opens new window)

# Interface: CoreChartOptions<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<TType> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<TType>

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (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

types/index.d.ts:1655 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base background color

See

Defaults.backgroundColor

# Defined in

types/index.d.ts:1614 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base border color

See

Defaults.borderColor

# Defined in

types/index.d.ts:1624 (opens new window)

# clip

• clip: number | false | ChartArea

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

types/index.d.ts:1603 (opens new window)

# color

• color: Scriptable<Color, ScriptableContext<TType>>

base color

See

Defaults.color

# Defined in

types/index.d.ts:1609 (opens new window)

# datasets

• datasets: Object

# Type declaration

Name Type
bar BarControllerDatasetOptions
bubble BubbleControllerDatasetOptions
doughnut DoughnutControllerDatasetOptions
line LineControllerDatasetOptions & FillerControllerDatasetOptions
pie DoughnutControllerDatasetOptions
polarArea PolarAreaControllerDatasetOptions
radar RadarControllerDatasetOptions & FillerControllerDatasetOptions
scatter LineControllerDatasetOptions

# Defined in

types/index.d.ts:1590 (opens new window)

# devicePixelRatio

• devicePixelRatio: number

Override the window's default devicePixelRatio.

Default

window.devicePixelRatio

# Defined in

types/index.d.ts:1672 (opens new window)

# 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

types/index.d.ts:1682 (opens new window)

# font

• font: Partial<FontSpec>

base font

See

Defaults.font

# Defined in

types/index.d.ts:1634 (opens new window)

# hover

• hover: CoreInteractionOptions

# Defined in

types/index.d.ts:1676 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base hover background color

See

Defaults.hoverBackgroundColor

# Defined in

types/index.d.ts:1619 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<TType>>

base hover border color

See

Defaults.hoverBorderColor

# Defined in

types/index.d.ts:1629 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Defined in

types/index.d.ts:1598 (opens new window)

# interaction

• interaction: CoreInteractionOptions

# Defined in

types/index.d.ts:1674 (opens new window)

# layout

• layout: Partial<{ autoPadding: boolean ; padding: Scriptable<Padding, ScriptableContext<TType>> }>

# Defined in

types/index.d.ts:1694 (opens new window)

# locale

• locale: string

Locale used for number formatting (using Intl.NumberFormat).

Default

user's browser setting

# Defined in

types/index.d.ts:1661 (opens new window)

# maintainAspectRatio

• maintainAspectRatio: boolean

Maintain the original canvas aspect ratio (width / height) when resizing. For this option to work properly the chart must be in its own dedicated container.

Default

true

# Defined in

types/index.d.ts:1644 (opens new window)

# 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

ParsingOptions.normalized

# Defined in

types/index.d.ts:63 (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

ParsingOptions.parsing

# Defined in

types/index.d.ts:54 (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

types/index.d.ts:1649 (opens new window)

# responsive

• responsive: boolean

Resizes the chart canvas when its container does (important note...).

Default

true

# Defined in

types/index.d.ts:1639 (opens new window)

# transitions

• transitions: TransitionsSpec<TType>

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# Methods

# onClick

▸ onClick(event, elements, chart): void

Called if the event is of type 'mouseup' or 'click'. Passed the event, an array of active elements, and the chart.

# Parameters

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/index.d.ts:1692 (opens new window)

# 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

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Defined in

types/index.d.ts:1687 (opens new window)

# onResize

▸ onResize(chart, size): void

Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
size Object
size.height number
size.width number

# Returns

void

# Defined in

types/index.d.ts:1666 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CoreInteractionOptions.html b/docs/master/api/interfaces/CoreInteractionOptions.html index 3418f9c3db..07c1efc278 100644 --- a/docs/master/api/interfaces/CoreInteractionOptions.html +++ b/docs/master/api/interfaces/CoreInteractionOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CoreInteractionOptions

# Hierarchy

# Properties

# axis

• axis: InteractionAxis

Defines which directions are used in calculating distances. Defaults to 'x' for 'index' mode and 'xy' in dataset and 'nearest' modes.

# Defined in

types/index.d.ts:1579 (opens new window)

# includeInvisible

• includeInvisible: boolean

if true, the invisible points that are outside of the chart area will also be included when evaluating interactions.

Default

false

# Defined in

types/index.d.ts:1585 (opens new window)

# intersect

• intersect: boolean

if true, the hover mode only applies when the mouse position intersects an item on the chart.

Default

true

# Defined in

types/index.d.ts:1574 (opens new window)

# mode

• mode: keyof InteractionModeMap

Sets which elements appear in the tooltip. See Interaction Modes for details.

Default

'nearest'

# Defined in

types/index.d.ts:1569 (opens new window)

+ (opens new window)

# Interface: CoreInteractionOptions

# Hierarchy

# Properties

# axis

• axis: InteractionAxis

Defines which directions are used in calculating distances. Defaults to 'x' for 'index' mode and 'xy' in dataset and 'nearest' modes.

# Defined in

types/index.d.ts:1579 (opens new window)

# includeInvisible

• includeInvisible: boolean

if true, the invisible points that are outside of the chart area will also be included when evaluating interactions.

Default

false

# Defined in

types/index.d.ts:1585 (opens new window)

# intersect

• intersect: boolean

if true, the hover mode only applies when the mouse position intersects an item on the chart.

Default

true

# Defined in

types/index.d.ts:1574 (opens new window)

# mode

• mode: keyof InteractionModeMap

Sets which elements appear in the tooltip. See Interaction Modes for details.

Default

'nearest'

# Defined in

types/index.d.ts:1569 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/CoreScaleOptions.html b/docs/master/api/interfaces/CoreScaleOptions.html index 63dde7164b..d98300f255 100644 --- a/docs/master/api/interfaces/CoreScaleOptions.html +++ b/docs/master/api/interfaces/CoreScaleOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: CoreScaleOptions

# Hierarchy

# Properties

# alignToPixels

• alignToPixels: boolean

Align pixel values to device pixels

# Defined in

types/index.d.ts:1168 (opens new window)

# backgroundColor

• backgroundColor: Color

Background color of the scale area.

# Defined in

types/index.d.ts:1172 (opens new window)

# clip

• clip: boolean

Clip the dataset drawing against the size of the scale instead of chart area.

Default

true

# Defined in

types/index.d.ts:1182 (opens new window)

# display

• display: boolean | "auto"

Controls the axis global visibility (visible when true, hidden when false). When display: 'auto', the axis is visible only if at least one associated dataset is visible.

Default

true

# Defined in

types/index.d.ts:1164 (opens new window)

# max

• max: unknown

User defined maximum value for the scale, overrides maximum value from data.

# Defined in

types/index.d.ts:1195 (opens new window)

# min

• min: unknown

User defined minimum value for the scale, overrides minimum value from data.

# Defined in

types/index.d.ts:1191 (opens new window)

# reverse

• reverse: boolean

Reverse the scale.

Default

false

# Defined in

types/index.d.ts:1177 (opens new window)

# suggestedMax

• suggestedMax: unknown

Adjustment used when calculating the minimum data value.

# Defined in

types/index.d.ts:1203 (opens new window)

# suggestedMin

• suggestedMin: unknown

Adjustment used when calculating the maximum data value.

# Defined in

types/index.d.ts:1199 (opens new window)

# weight

• weight: number

The weight used to sort the axis. Higher weights are further away from the chart area.

Default

true

# Defined in

types/index.d.ts:1187 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(axis): void

Callback that runs after ticks are created. Useful for filtering ticks.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1231 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(axis): void

Callback that runs after tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1247 (opens new window)

# afterDataLimits

▸ afterDataLimits(axis): void

Callback that runs after data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1223 (opens new window)

# afterFit

▸ afterFit(axis): void

Callback that runs after the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1255 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(axis): void

Callback that runs after dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1215 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(axis): void

Callback that runs after ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1239 (opens new window)

# afterUpdate

▸ afterUpdate(axis): void

Callback that runs at the end of the update process.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1259 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(axis): void

Callback that runs before ticks are created.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1227 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(axis): void

Callback that runs before tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1243 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(axis): void

Callback that runs before data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1219 (opens new window)

# beforeFit

▸ beforeFit(axis): void

Callback that runs before the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1251 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(axis): void

Callback that runs before dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1211 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(axis): void

Callback that runs before ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1235 (opens new window)

# beforeUpdate

▸ beforeUpdate(axis): void

Callback called before the update process starts.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1207 (opens new window)

+ (opens new window)

# Interface: CoreScaleOptions

# Hierarchy

# Properties

# alignToPixels

• alignToPixels: boolean

Align pixel values to device pixels

# Defined in

types/index.d.ts:1168 (opens new window)

# backgroundColor

• backgroundColor: Color

Background color of the scale area.

# Defined in

types/index.d.ts:1172 (opens new window)

# clip

• clip: boolean

Clip the dataset drawing against the size of the scale instead of chart area.

Default

true

# Defined in

types/index.d.ts:1182 (opens new window)

# display

• display: boolean | "auto"

Controls the axis global visibility (visible when true, hidden when false). When display: 'auto', the axis is visible only if at least one associated dataset is visible.

Default

true

# Defined in

types/index.d.ts:1164 (opens new window)

# max

• max: unknown

User defined maximum value for the scale, overrides maximum value from data.

# Defined in

types/index.d.ts:1195 (opens new window)

# min

• min: unknown

User defined minimum value for the scale, overrides minimum value from data.

# Defined in

types/index.d.ts:1191 (opens new window)

# reverse

• reverse: boolean

Reverse the scale.

Default

false

# Defined in

types/index.d.ts:1177 (opens new window)

# suggestedMax

• suggestedMax: unknown

Adjustment used when calculating the minimum data value.

# Defined in

types/index.d.ts:1203 (opens new window)

# suggestedMin

• suggestedMin: unknown

Adjustment used when calculating the maximum data value.

# Defined in

types/index.d.ts:1199 (opens new window)

# weight

• weight: number

The weight used to sort the axis. Higher weights are further away from the chart area.

Default

true

# Defined in

types/index.d.ts:1187 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(axis): void

Callback that runs after ticks are created. Useful for filtering ticks.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1231 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(axis): void

Callback that runs after tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1247 (opens new window)

# afterDataLimits

▸ afterDataLimits(axis): void

Callback that runs after data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1223 (opens new window)

# afterFit

▸ afterFit(axis): void

Callback that runs after the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1255 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(axis): void

Callback that runs after dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1215 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(axis): void

Callback that runs after ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1239 (opens new window)

# afterUpdate

▸ afterUpdate(axis): void

Callback that runs at the end of the update process.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1259 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(axis): void

Callback that runs before ticks are created.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1227 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(axis): void

Callback that runs before tick rotation is determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1243 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(axis): void

Callback that runs before data limits are determined.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1219 (opens new window)

# beforeFit

▸ beforeFit(axis): void

Callback that runs before the scale fits to the canvas.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1251 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(axis): void

Callback that runs before dimensions are set.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1211 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(axis): void

Callback that runs before ticks are converted into strings.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1235 (opens new window)

# beforeUpdate

▸ beforeUpdate(axis): void

Callback called before the update process starts.

# Parameters

Name Type
axis Scale<CoreScaleOptions>

# Returns

void

# Defined in

types/index.d.ts:1207 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/DatasetControllerChartComponent.html b/docs/master/api/interfaces/DatasetControllerChartComponent.html index de965a240e..ba759c662a 100644 --- a/docs/master/api/interfaces/DatasetControllerChartComponent.html +++ b/docs/master/api/interfaces/DatasetControllerChartComponent.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: DatasetControllerChartComponent

# Hierarchy

# Properties

# defaultRoutes

• Optional defaultRoutes: Object

# Index signature

▪ [property: string]: string

# Inherited from

ChartComponent.defaultRoutes

# Defined in

types/index.d.ts:1554 (opens new window)

# defaults

• defaults: Object

# Type declaration

Name Type
dataElementType? string | false
datasetElementType? string | false

# Overrides

ChartComponent.defaults

# Defined in

types/index.d.ts:660 (opens new window)

# id

• id: string

# Inherited from

ChartComponent.id

# Defined in

types/index.d.ts:1552 (opens new window)

# Methods

# afterRegister

▸ Optional afterRegister(): void

# Returns

void

# Inherited from

ChartComponent.afterRegister

# Defined in

types/index.d.ts:1557 (opens new window)

# afterUnregister

▸ Optional afterUnregister(): void

# Returns

void

# Inherited from

ChartComponent.afterUnregister

# Defined in

types/index.d.ts:1559 (opens new window)

# beforeRegister

▸ Optional beforeRegister(): void

# Returns

void

# Inherited from

ChartComponent.beforeRegister

# Defined in

types/index.d.ts:1556 (opens new window)

# beforeUnregister

▸ Optional beforeUnregister(): void

# Returns

void

# Inherited from

ChartComponent.beforeUnregister

# Defined in

types/index.d.ts:1558 (opens new window)

+ (opens new window)

# Interface: DatasetControllerChartComponent

# Hierarchy

# Properties

# defaultRoutes

• Optional defaultRoutes: Object

# Index signature

▪ [property: string]: string

# Inherited from

ChartComponent.defaultRoutes

# Defined in

types/index.d.ts:1554 (opens new window)

# defaults

• defaults: Object

# Type declaration

Name Type
dataElementType? string | false
datasetElementType? string | false

# Overrides

ChartComponent.defaults

# Defined in

types/index.d.ts:660 (opens new window)

# id

• id: string

# Inherited from

ChartComponent.id

# Defined in

types/index.d.ts:1552 (opens new window)

# Methods

# afterRegister

▸ Optional afterRegister(): void

# Returns

void

# Inherited from

ChartComponent.afterRegister

# Defined in

types/index.d.ts:1557 (opens new window)

# afterUnregister

▸ Optional afterUnregister(): void

# Returns

void

# Inherited from

ChartComponent.afterUnregister

# Defined in

types/index.d.ts:1559 (opens new window)

# beforeRegister

▸ Optional beforeRegister(): void

# Returns

void

# Inherited from

ChartComponent.beforeRegister

# Defined in

types/index.d.ts:1556 (opens new window)

# beforeUnregister

▸ Optional beforeUnregister(): void

# Returns

void

# Inherited from

ChartComponent.beforeUnregister

# Defined in

types/index.d.ts:1558 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/Defaults.html b/docs/master/api/interfaces/Defaults.html index 8cc89154f1..c28281a1b3 100644 --- a/docs/master/api/interfaces/Defaults.html +++ b/docs/master/api/interfaces/Defaults.html @@ -7,7 +7,7 @@ - + @@ -39,10 +39,10 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: Defaults

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<keyof ChartTypeRegistry> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

CoreChartOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<keyof ChartTypeRegistry>

# Inherited from

CoreChartOptions.animations

# Defined in

types/index.d.ts:1767 (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

# Inherited from

CoreChartOptions.aspectRatio

# Defined in

types/index.d.ts:1655 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base background color

See

Defaults.backgroundColor

# Inherited from

CoreChartOptions.backgroundColor

# Defined in

types/index.d.ts:1614 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base border color

See

Defaults.borderColor

# Inherited from

CoreChartOptions.borderColor

# Defined in

types/index.d.ts:1624 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

CoreChartOptions.clip

# Defined in

types/index.d.ts:1603 (opens new window)

# color

• color: Scriptable<Color, ScriptableContext<keyof ChartTypeRegistry>>

base color

See

Defaults.color

# Inherited from

CoreChartOptions.color

# Defined in

types/index.d.ts:1609 (opens new window)

# datasets

• datasets: Object

# Type declaration

Name Type
bar BarControllerDatasetOptions
bubble BubbleControllerDatasetOptions
doughnut DoughnutControllerDatasetOptions
line LineControllerDatasetOptions & FillerControllerDatasetOptions
pie DoughnutControllerDatasetOptions
polarArea PolarAreaControllerDatasetOptions
radar RadarControllerDatasetOptions & FillerControllerDatasetOptions
scatter LineControllerDatasetOptions

# Inherited from

CoreChartOptions.datasets

# Defined in

types/index.d.ts:1590 (opens new window)

# devicePixelRatio

• devicePixelRatio: number

Override the window's default devicePixelRatio.

Default

window.devicePixelRatio

# Inherited from

CoreChartOptions.devicePixelRatio

# Defined in

types/index.d.ts:1672 (opens new window)

# elements

• elements: ElementOptionsByType<keyof ChartTypeRegistry>

# Inherited from

ElementChartOptions.elements

# Defined in

types/index.d.ts:2147 (opens new window)

# 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']

# Inherited from

CoreChartOptions.events

# Defined in

types/index.d.ts:1682 (opens new window)

# font

• font: Partial<FontSpec>

base font

See

Defaults.font

# Inherited from

CoreChartOptions.font

# Defined in

types/index.d.ts:1634 (opens new window)

# hover

• hover: CoreInteractionOptions

# Inherited from

CoreChartOptions.hover

# Defined in

types/index.d.ts:1676 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base hover background color

See

Defaults.hoverBackgroundColor

# Inherited from

CoreChartOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1619 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base hover border color

See

Defaults.hoverBorderColor

# Inherited from

CoreChartOptions.hoverBorderColor

# Defined in

types/index.d.ts:1629 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

CoreChartOptions.indexAxis

# Defined in

types/index.d.ts:1598 (opens new window)

# interaction

• interaction: CoreInteractionOptions

# Inherited from

CoreChartOptions.interaction

# Defined in

types/index.d.ts:1674 (opens new window)

# layout

• layout: Partial<{ autoPadding: boolean ; padding: Scriptable<Padding, ScriptableContext<keyof ChartTypeRegistry>> }>

# Inherited from

CoreChartOptions.layout

# Defined in

types/index.d.ts:1694 (opens new window)

# locale

• locale: string

Locale used for number formatting (using Intl.NumberFormat).

Default

user's browser setting

# Inherited from

CoreChartOptions.locale

# Defined in

types/index.d.ts:1661 (opens new window)

# maintainAspectRatio

• maintainAspectRatio: boolean

Maintain the original canvas aspect ratio (width / height) when resizing. For this option to work properly the chart must be in its own dedicated container.

Default

true

# Inherited from

CoreChartOptions.maintainAspectRatio

# Defined in

types/index.d.ts:1644 (opens new window)

# 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

CoreChartOptions.normalized

# Defined in

types/index.d.ts:63 (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

CoreChartOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# plugins

• plugins: PluginOptionsByType<keyof ChartTypeRegistry>

# Inherited from

PluginChartOptions.plugins

# Defined in

types/index.d.ts:2956 (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

# Inherited from

CoreChartOptions.resizeDelay

# Defined in

types/index.d.ts:1649 (opens new window)

# responsive

• responsive: boolean

Resizes the chart canvas when its container does (important note...).

Default

true

# Inherited from

CoreChartOptions.responsive

# Defined in

types/index.d.ts:1639 (opens new window)

# scale

• scale: ScaleOptionsByType<keyof ScaleTypeRegistry>

# Defined in

types/index.d.ts:668 (opens new window)

# scales

• scales: Object

# Type declaration

Name Type
category { type: "category" } & Omit<CartesianScaleOptions, "max" | "min"> & { labels: string[] | string[][] ; max: string | number ; min: string | number }
linear { type: "linear" } & CartesianScaleOptions & { beginAtZero: boolean ; grace?: string | number ; suggestedMax?: number ; suggestedMin?: number ; ticks: { count: number ; format: NumberFormatOptions ; precision: number ; stepSize: number } }
logarithmic { type: "logarithmic" } & CartesianScaleOptions & { suggestedMax?: number ; suggestedMin?: number ; ticks: { format: NumberFormatOptions } }
radialLinear { type: "radialLinear" } & CoreScaleOptions & { angleLines: { borderDash: Scriptable<number[], ScriptableScaleContext> ; borderDashOffset: Scriptable<number, ScriptableScaleContext> ; color: Scriptable<Color, ScriptableScaleContext> ; display: boolean ; lineWidth: Scriptable<number, ScriptableScaleContext> } ; animate: boolean ; beginAtZero: boolean ; grid: Partial<GridLineOptions> ; max: number ; min: number ; pointLabels: { backdropColor: Scriptable<Color, ScriptableScalePointLabelContext> ; backdropPadding: Scriptable<number | ChartArea, ScriptableScalePointLabelContext> ; borderRadius: Scriptable<number | BorderRadius, ScriptableScalePointLabelContext> ; callback: (label: string, index: number) => string | number | string[] | number[] ; centerPointLabels: boolean ; color: Scriptable<Color, ScriptableScalePointLabelContext> ; display: boolean | "auto" ; font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableScalePointLabelContext> ; padding: Scriptable<number, ScriptableScalePointLabelContext> } ; startAngle: number ; suggestedMax: number ; suggestedMin: number ; ticks: RadialTickOptions }
time { type: "time" } & Omit<CartesianScaleOptions, "max" | "min"> & { adapters: { date: unknown } ; bounds: "data" | "ticks" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions }
timeseries { type: "timeseries" } & Omit<CartesianScaleOptions, "max" | "min"> & { adapters: { date: unknown } ; bounds: "data" | "ticks" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions }

# Defined in

types/index.d.ts:669 (opens new window)

# transitions

• transitions: TransitionsSpec<keyof ChartTypeRegistry>

# Inherited from

CoreChartOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# Methods

# describe

▸ describe(scope, values): AnyObject

# Parameters

Name Type
scope string
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:677 (opens new window)

# get

▸ get(scope): AnyObject

# Parameters

Name Type
scope string

# Returns

AnyObject

# Defined in

types/index.d.ts:675 (opens new window)

# onClick

▸ onClick(event, elements, chart): void

Called if the event is of type 'mouseup' or 'click'. Passed the event, an array of active elements, and the chart.

# Parameters

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

CoreChartOptions.onClick

# Defined in

types/index.d.ts:1692 (opens new window)

# 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

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

CoreChartOptions.onHover

# Defined in

types/index.d.ts:1687 (opens new window)

# onResize

▸ onResize(chart, size): void

Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
size Object
size.height number
size.width number

# Returns

void

# Inherited from

CoreChartOptions.onResize

# Defined in

types/index.d.ts:1666 (opens new window)

# override

▸ override(scope, values): AnyObject

# Parameters

Name Type
scope string
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:678 (opens new window)

# route

▸ route(scope, name, targetScope, targetName): void

Routes the named defaults to fallback to another scope/name. + (opens new window)

# Interface: Defaults

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<keyof ChartTypeRegistry> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

CoreChartOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<keyof ChartTypeRegistry>

# Inherited from

CoreChartOptions.animations

# Defined in

types/index.d.ts:1767 (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

# Inherited from

CoreChartOptions.aspectRatio

# Defined in

types/index.d.ts:1655 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base background color

See

Defaults.backgroundColor

# Inherited from

CoreChartOptions.backgroundColor

# Defined in

types/index.d.ts:1614 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base border color

See

Defaults.borderColor

# Inherited from

CoreChartOptions.borderColor

# Defined in

types/index.d.ts:1624 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

CoreChartOptions.clip

# Defined in

types/index.d.ts:1603 (opens new window)

# color

• color: Scriptable<Color, ScriptableContext<keyof ChartTypeRegistry>>

base color

See

Defaults.color

# Inherited from

CoreChartOptions.color

# Defined in

types/index.d.ts:1609 (opens new window)

# datasets

• datasets: Object

# Type declaration

Name Type
bar BarControllerDatasetOptions
bubble BubbleControllerDatasetOptions
doughnut DoughnutControllerDatasetOptions
line LineControllerDatasetOptions & FillerControllerDatasetOptions
pie DoughnutControllerDatasetOptions
polarArea PolarAreaControllerDatasetOptions
radar RadarControllerDatasetOptions & FillerControllerDatasetOptions
scatter LineControllerDatasetOptions

# Inherited from

CoreChartOptions.datasets

# Defined in

types/index.d.ts:1590 (opens new window)

# devicePixelRatio

• devicePixelRatio: number

Override the window's default devicePixelRatio.

Default

window.devicePixelRatio

# Inherited from

CoreChartOptions.devicePixelRatio

# Defined in

types/index.d.ts:1672 (opens new window)

# elements

• elements: ElementOptionsByType<keyof ChartTypeRegistry>

# Inherited from

ElementChartOptions.elements

# Defined in

types/index.d.ts:2147 (opens new window)

# 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']

# Inherited from

CoreChartOptions.events

# Defined in

types/index.d.ts:1682 (opens new window)

# font

• font: Partial<FontSpec>

base font

See

Defaults.font

# Inherited from

CoreChartOptions.font

# Defined in

types/index.d.ts:1634 (opens new window)

# hover

• hover: CoreInteractionOptions

# Inherited from

CoreChartOptions.hover

# Defined in

types/index.d.ts:1676 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base hover background color

See

Defaults.hoverBackgroundColor

# Inherited from

CoreChartOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1619 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<keyof ChartTypeRegistry>>

base hover border color

See

Defaults.hoverBorderColor

# Inherited from

CoreChartOptions.hoverBorderColor

# Defined in

types/index.d.ts:1629 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

CoreChartOptions.indexAxis

# Defined in

types/index.d.ts:1598 (opens new window)

# interaction

• interaction: CoreInteractionOptions

# Inherited from

CoreChartOptions.interaction

# Defined in

types/index.d.ts:1674 (opens new window)

# layout

• layout: Partial<{ autoPadding: boolean ; padding: Scriptable<Padding, ScriptableContext<keyof ChartTypeRegistry>> }>

# Inherited from

CoreChartOptions.layout

# Defined in

types/index.d.ts:1694 (opens new window)

# locale

• locale: string

Locale used for number formatting (using Intl.NumberFormat).

Default

user's browser setting

# Inherited from

CoreChartOptions.locale

# Defined in

types/index.d.ts:1661 (opens new window)

# maintainAspectRatio

• maintainAspectRatio: boolean

Maintain the original canvas aspect ratio (width / height) when resizing. For this option to work properly the chart must be in its own dedicated container.

Default

true

# Inherited from

CoreChartOptions.maintainAspectRatio

# Defined in

types/index.d.ts:1644 (opens new window)

# 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

CoreChartOptions.normalized

# Defined in

types/index.d.ts:63 (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

CoreChartOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# plugins

• plugins: PluginOptionsByType<keyof ChartTypeRegistry>

# Inherited from

PluginChartOptions.plugins

# Defined in

types/index.d.ts:2956 (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

# Inherited from

CoreChartOptions.resizeDelay

# Defined in

types/index.d.ts:1649 (opens new window)

# responsive

• responsive: boolean

Resizes the chart canvas when its container does (important note...).

Default

true

# Inherited from

CoreChartOptions.responsive

# Defined in

types/index.d.ts:1639 (opens new window)

# scale

• scale: ScaleOptionsByType<keyof ScaleTypeRegistry>

# Defined in

types/index.d.ts:668 (opens new window)

# scales

• scales: Object

# Type declaration

Name Type
category { type: "category" } & Omit<CartesianScaleOptions, "max" | "min"> & { labels: string[] | string[][] ; max: string | number ; min: string | number }
linear { type: "linear" } & CartesianScaleOptions & { beginAtZero: boolean ; grace?: string | number ; suggestedMax?: number ; suggestedMin?: number ; ticks: { count: number ; format: NumberFormatOptions ; precision: number ; stepSize: number } }
logarithmic { type: "logarithmic" } & CartesianScaleOptions & { suggestedMax?: number ; suggestedMin?: number ; ticks: { format: NumberFormatOptions } }
radialLinear { type: "radialLinear" } & CoreScaleOptions & { angleLines: { borderDash: Scriptable<number[], ScriptableScaleContext> ; borderDashOffset: Scriptable<number, ScriptableScaleContext> ; color: Scriptable<Color, ScriptableScaleContext> ; display: boolean ; lineWidth: Scriptable<number, ScriptableScaleContext> } ; animate: boolean ; beginAtZero: boolean ; grid: Partial<GridLineOptions> ; max: number ; min: number ; pointLabels: { backdropColor: Scriptable<Color, ScriptableScalePointLabelContext> ; backdropPadding: Scriptable<number | ChartArea, ScriptableScalePointLabelContext> ; borderRadius: Scriptable<number | BorderRadius, ScriptableScalePointLabelContext> ; callback: (label: string, index: number) => string | number | string[] | number[] ; centerPointLabels: boolean ; color: Scriptable<Color, ScriptableScalePointLabelContext> ; display: boolean | "auto" ; font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableScalePointLabelContext> ; padding: Scriptable<number, ScriptableScalePointLabelContext> } ; startAngle: number ; suggestedMax: number ; suggestedMin: number ; ticks: RadialTickOptions }
time { type: "time" } & Omit<CartesianScaleOptions, "max" | "min"> & { adapters: { date: unknown } ; bounds: "data" | "ticks" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions }
timeseries { type: "timeseries" } & Omit<CartesianScaleOptions, "max" | "min"> & { adapters: { date: unknown } ; bounds: "data" | "ticks" ; max: string | number ; min: string | number ; offsetAfterAutoskip: boolean ; suggestedMax: string | number ; suggestedMin: string | number ; ticks: TimeScaleTickOptions ; time: TimeScaleTimeOptions }

# Defined in

types/index.d.ts:669 (opens new window)

# transitions

• transitions: TransitionsSpec<keyof ChartTypeRegistry>

# Inherited from

CoreChartOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# Methods

# describe

▸ describe(scope, values): AnyObject

# Parameters

Name Type
scope string
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:677 (opens new window)

# get

▸ get(scope): AnyObject

# Parameters

Name Type
scope string

# Returns

AnyObject

# Defined in

types/index.d.ts:675 (opens new window)

# onClick

▸ onClick(event, elements, chart): void

Called if the event is of type 'mouseup' or 'click'. Passed the event, an array of active elements, and the chart.

# Parameters

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

CoreChartOptions.onClick

# Defined in

types/index.d.ts:1692 (opens new window)

# 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

Name Type
event ChartEvent
elements ActiveElement[]
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Returns

void

# Inherited from

CoreChartOptions.onHover

# Defined in

types/index.d.ts:1687 (opens new window)

# onResize

▸ onResize(chart, size): void

Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.

# Parameters

Name Type
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
size Object
size.height number
size.width number

# Returns

void

# Inherited from

CoreChartOptions.onResize

# Defined in

types/index.d.ts:1666 (opens new window)

# override

▸ override(scope, values): AnyObject

# Parameters

Name Type
scope string
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:678 (opens new window)

# route

▸ route(scope, name, targetScope, targetName): void

Routes the named defaults to fallback to another scope/name. This routing is useful when those target values, like defaults.color, are changed runtime. If the values would be copied, the runtime change would not take effect. By routing, the -fallback is evaluated at each access, so its always up to date.

Example:

defaults.route('elements.arc', 'backgroundColor', '', 'color')

  • reads the backgroundColor from defaults.color when undefined locally

# Parameters

Name Type Description
scope string Scope this route applies to.
name string Property name that should be routed to different namespace when not defined here.
targetScope string The namespace where those properties should be routed to. Empty string ('') is the root of defaults.
targetName string The target name in the target scope the property should be routed to.

# Returns

void

# Defined in

types/index.d.ts:697 (opens new window)

# set

▸ set(values): AnyObject

# Parameters

Name Type
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:673 (opens new window)

▸ set(scope, values): AnyObject

# Parameters

Name Type
scope string
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:674 (opens new window)

+fallback is evaluated at each access, so its always up to date.

Example:

defaults.route('elements.arc', 'backgroundColor', '', 'color')

  • reads the backgroundColor from defaults.color when undefined locally

# Parameters

Name Type Description
scope string Scope this route applies to.
name string Property name that should be routed to different namespace when not defined here.
targetScope string The namespace where those properties should be routed to. Empty string ('') is the root of defaults.
targetName string The target name in the target scope the property should be routed to.

# Returns

void

# Defined in

types/index.d.ts:697 (opens new window)

# set

▸ set(values): AnyObject

# Parameters

Name Type
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:673 (opens new window)

▸ set(scope, values): AnyObject

# Parameters

Name Type
scope string
values AnyObject

# Returns

AnyObject

# Defined in

types/index.d.ts:674 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/DoughnutAnimationOptions.html b/docs/master/api/interfaces/DoughnutAnimationOptions.html index 8fc5c0b227..6602f845ef 100644 --- a/docs/master/api/interfaces/DoughnutAnimationOptions.html +++ b/docs/master/api/interfaces/DoughnutAnimationOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# 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)

+ (opens new window)

# 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)

← →

- + diff --git a/docs/master/api/interfaces/DoughnutController.html b/docs/master/api/interfaces/DoughnutController.html index f0c9400827..3018008c9f 100644 --- a/docs/master/api/interfaces/DoughnutController.html +++ b/docs/master/api/interfaces/DoughnutController.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: DoughnutController

# Hierarchy

# Properties

# _cachedMeta

• Readonly _cachedMeta: ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DatasetController._cachedMeta

# Defined in

types/index.d.ts:592 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

DatasetController.chart

# Defined in

types/index.d.ts:590 (opens new window)

# enableOptionSharing

• enableOptionSharing: boolean

# Inherited from

DatasetController.enableOptionSharing

# Defined in

types/index.d.ts:593 (opens new window)

# index

• Readonly index: number

# Inherited from

DatasetController.index

# Defined in

types/index.d.ts:591 (opens new window)

# innerRadius

• Readonly innerRadius: number

# Defined in

types/index.d.ts:341 (opens new window)

# offsetX

• Readonly offsetX: number

# Defined in

types/index.d.ts:343 (opens new window)

# offsetY

• Readonly offsetY: number

# Defined in

types/index.d.ts:344 (opens new window)

# outerRadius

• Readonly outerRadius: number

# Defined in

types/index.d.ts:342 (opens new window)

# supportsDecimation

• supportsDecimation: boolean

# Inherited from

DatasetController.supportsDecimation

# Defined in

types/index.d.ts:597 (opens new window)

# Methods

# addElements

▸ addElements(): void

# Returns

void

# Inherited from

DatasetController.addElements

# Defined in

types/index.d.ts:613 (opens new window)

# applyStack

▸ Protected applyStack(scale, parsed): number

# Parameters

Name Type
scale Scale<CoreScaleOptions>
parsed unknown[]

# Returns

number

# Inherited from

DatasetController.applyStack

# Defined in

types/index.d.ts:649 (opens new window)

# buildOrUpdateElements

▸ buildOrUpdateElements(resetNewElements?): void

# Parameters

Name Type
resetNewElements? boolean

# Returns

void

# Inherited from

DatasetController.buildOrUpdateElements

# Defined in

types/index.d.ts:614 (opens new window)

# calculateCircumference

▸ calculateCircumference(value): number

# Parameters

Name Type
value number

# Returns

number

# Defined in

types/index.d.ts:347 (opens new window)

# calculateTotal

▸ calculateTotal(): number

# Returns

number

# Defined in

types/index.d.ts:346 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

DatasetController.configure

# Defined in

types/index.d.ts:611 (opens new window)

# draw

▸ draw(): void

# Returns

void

# Inherited from

DatasetController.draw

# Defined in

types/index.d.ts:606 (opens new window)

# getAllParsedValues

▸ getAllParsedValues(scale): number[]

# Parameters

Name Type
scale Scale<CoreScaleOptions>

# Returns

number[]

# Inherited from

DatasetController.getAllParsedValues

# Defined in

types/index.d.ts:600 (opens new window)

# getDataset

▸ getDataset(): ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Returns

ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Inherited from

DatasetController.getDataset

# Defined in

types/index.d.ts:608 (opens new window)

# getLabelAndValue

▸ Protected getLabelAndValue(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
label string
value string

# Inherited from

DatasetController.getLabelAndValue

# Defined in

types/index.d.ts:601 (opens new window)

# getMaxOverflow

▸ Protected getMaxOverflow(): number | boolean

# Returns

number | boolean

# Inherited from

DatasetController.getMaxOverflow

# Defined in

types/index.d.ts:605 (opens new window)

# getMeta

▸ getMeta(): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DatasetController.getMeta

# Defined in

types/index.d.ts:609 (opens new window)

# getMinMax

▸ Protected getMinMax(scale, canStack?): Object

# Parameters

Name Type
scale Scale<CoreScaleOptions>
canStack? boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

DatasetController.getMinMax

# Defined in

types/index.d.ts:656 (opens new window)

# getParsed

▸ Protected getParsed(index): number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Parameters

Name Type
index number

# Returns

number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Inherited from

DatasetController.getParsed

# Defined in

types/index.d.ts:648 (opens new window)

# getScaleForId

▸ getScaleForId(scaleID): Scale<CoreScaleOptions>

# Parameters

Name Type
scaleID string

# Returns

Scale<CoreScaleOptions>

# Inherited from

DatasetController.getScaleForId

# Defined in

types/index.d.ts:610 (opens new window)

# getSharedOptions

▸ Protected getSharedOptions(options): AnyObject

Utility for checking if the options are shared and should be animated separately.

# Parameters

Name Type
options AnyObject

# Returns

AnyObject

# Inherited from

DatasetController.getSharedOptions

# Defined in

types/index.d.ts:623 (opens new window)

# getStyle

▸ getStyle(index, active): AnyObject

# Parameters

Name Type
index number
active boolean

# Returns

AnyObject

# Inherited from

DatasetController.getStyle

# Defined in

types/index.d.ts:616 (opens new window)

# includeOptions

▸ Protected includeOptions(mode, sharedOptions): boolean

Utility for determining if options should be included in the updated properties

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
sharedOptions AnyObject

# Returns

boolean

# Inherited from

DatasetController.includeOptions

# Defined in

types/index.d.ts:628 (opens new window)

# initialize

▸ initialize(): void

# Returns

void

# Inherited from

DatasetController.initialize

# Defined in

types/index.d.ts:612 (opens new window)

# linkScales

▸ linkScales(): void

# Returns

void

# Inherited from

DatasetController.linkScales

# Defined in

types/index.d.ts:599 (opens new window)

# parse

▸ parse(start, count): void

# Parameters

Name Type
start number
count number

# Returns

void

# Inherited from

DatasetController.parse

# Defined in

types/index.d.ts:644 (opens new window)

# parseArrayData

▸ Protected parseArrayData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DatasetController.parseArrayData

# Defined in

types/index.d.ts:646 (opens new window)

# parseObjectData

▸ Protected parseObjectData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DatasetController.parseObjectData

# Defined in

types/index.d.ts:647 (opens new window)

# parsePrimitiveData

▸ Protected parsePrimitiveData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DatasetController.parsePrimitiveData

# Defined in

types/index.d.ts:645 (opens new window)

# removeHoverStyle

▸ removeHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DatasetController.removeHoverStyle

# Defined in

types/index.d.ts:641 (opens new window)

# reset

▸ reset(): void

# Returns

void

# Inherited from

DatasetController.reset

# Defined in

types/index.d.ts:607 (opens new window)

# resolveDataElementOptions

▸ Protected resolveDataElementOptions(index, mode): AnyObject

# Parameters

Name Type
index number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DatasetController.resolveDataElementOptions

# Defined in

types/index.d.ts:618 (opens new window)

# resolveDatasetElementOptions

▸ Protected resolveDatasetElementOptions(mode): AnyObject

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DatasetController.resolveDatasetElementOptions

# Defined in

types/index.d.ts:617 (opens new window)

# setHoverStyle

▸ setHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DatasetController.setHoverStyle

# Defined in

types/index.d.ts:642 (opens new window)

# update

▸ update(mode): void

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DatasetController.update

# Defined in

types/index.d.ts:603 (opens new window)

# updateElement

▸ Protected updateElement(element, index, properties, mode): void

Utility for updating an element with new properties, using animations when appropriate.

# Parameters

Name Type
element default<AnyObject, AnyObject>
index number
properties AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DatasetController.updateElement

# Defined in

types/index.d.ts:634 (opens new window)

# updateElements

▸ updateElements(elements, start, count, mode): void

# Parameters

Name Type
elements default<AnyObject, AnyObject>[]
start number
count number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DatasetController.updateElements

# Defined in

types/index.d.ts:602 (opens new window)

# updateIndex

▸ updateIndex(datasetIndex): void

# Parameters

Name Type
datasetIndex number

# Returns

void

# Inherited from

DatasetController.updateIndex

# Defined in

types/index.d.ts:604 (opens new window)

# updateRangeFromParsed

▸ Protected updateRangeFromParsed(range, scale, parsed, stack): void

# Parameters

Name Type
range Object
range.max number
range.min number
scale Scale<CoreScaleOptions>
parsed unknown[]
stack string | boolean

# Returns

void

# Inherited from

DatasetController.updateRangeFromParsed

# Defined in

types/index.d.ts:650 (opens new window)

# updateSharedOptions

▸ Protected updateSharedOptions(sharedOptions, mode, newOptions): void

Utility to animate the shared options, that are potentially affecting multiple elements.

# Parameters

Name Type
sharedOptions AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
newOptions AnyObject

# Returns

void

# Inherited from

DatasetController.updateSharedOptions

# Defined in

types/index.d.ts:640 (opens new window)

+ (opens new window)

# Interface: DoughnutController

# Hierarchy

# Properties

# _cachedMeta

• Readonly _cachedMeta: ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DatasetController._cachedMeta

# Defined in

types/index.d.ts:592 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

DatasetController.chart

# Defined in

types/index.d.ts:590 (opens new window)

# enableOptionSharing

• enableOptionSharing: boolean

# Inherited from

DatasetController.enableOptionSharing

# Defined in

types/index.d.ts:593 (opens new window)

# index

• Readonly index: number

# Inherited from

DatasetController.index

# Defined in

types/index.d.ts:591 (opens new window)

# innerRadius

• Readonly innerRadius: number

# Defined in

types/index.d.ts:341 (opens new window)

# offsetX

• Readonly offsetX: number

# Defined in

types/index.d.ts:343 (opens new window)

# offsetY

• Readonly offsetY: number

# Defined in

types/index.d.ts:344 (opens new window)

# outerRadius

• Readonly outerRadius: number

# Defined in

types/index.d.ts:342 (opens new window)

# supportsDecimation

• supportsDecimation: boolean

# Inherited from

DatasetController.supportsDecimation

# Defined in

types/index.d.ts:597 (opens new window)

# Methods

# addElements

▸ addElements(): void

# Returns

void

# Inherited from

DatasetController.addElements

# Defined in

types/index.d.ts:613 (opens new window)

# applyStack

▸ Protected applyStack(scale, parsed): number

# Parameters

Name Type
scale Scale<CoreScaleOptions>
parsed unknown[]

# Returns

number

# Inherited from

DatasetController.applyStack

# Defined in

types/index.d.ts:649 (opens new window)

# buildOrUpdateElements

▸ buildOrUpdateElements(resetNewElements?): void

# Parameters

Name Type
resetNewElements? boolean

# Returns

void

# Inherited from

DatasetController.buildOrUpdateElements

# Defined in

types/index.d.ts:614 (opens new window)

# calculateCircumference

▸ calculateCircumference(value): number

# Parameters

Name Type
value number

# Returns

number

# Defined in

types/index.d.ts:347 (opens new window)

# calculateTotal

▸ calculateTotal(): number

# Returns

number

# Defined in

types/index.d.ts:346 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

DatasetController.configure

# Defined in

types/index.d.ts:611 (opens new window)

# draw

▸ draw(): void

# Returns

void

# Inherited from

DatasetController.draw

# Defined in

types/index.d.ts:606 (opens new window)

# getAllParsedValues

▸ getAllParsedValues(scale): number[]

# Parameters

Name Type
scale Scale<CoreScaleOptions>

# Returns

number[]

# Inherited from

DatasetController.getAllParsedValues

# Defined in

types/index.d.ts:600 (opens new window)

# getDataset

▸ getDataset(): ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Returns

ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Inherited from

DatasetController.getDataset

# Defined in

types/index.d.ts:608 (opens new window)

# getLabelAndValue

▸ Protected getLabelAndValue(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
label string
value string

# Inherited from

DatasetController.getLabelAndValue

# Defined in

types/index.d.ts:601 (opens new window)

# getMaxOverflow

▸ Protected getMaxOverflow(): number | boolean

# Returns

number | boolean

# Inherited from

DatasetController.getMaxOverflow

# Defined in

types/index.d.ts:605 (opens new window)

# getMeta

▸ getMeta(): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DatasetController.getMeta

# Defined in

types/index.d.ts:609 (opens new window)

# getMinMax

▸ Protected getMinMax(scale, canStack?): Object

# Parameters

Name Type
scale Scale<CoreScaleOptions>
canStack? boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

DatasetController.getMinMax

# Defined in

types/index.d.ts:656 (opens new window)

# getParsed

▸ Protected getParsed(index): number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Parameters

Name Type
index number

# Returns

number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Inherited from

DatasetController.getParsed

# Defined in

types/index.d.ts:648 (opens new window)

# getScaleForId

▸ getScaleForId(scaleID): Scale<CoreScaleOptions>

# Parameters

Name Type
scaleID string

# Returns

Scale<CoreScaleOptions>

# Inherited from

DatasetController.getScaleForId

# Defined in

types/index.d.ts:610 (opens new window)

# getSharedOptions

▸ Protected getSharedOptions(options): AnyObject

Utility for checking if the options are shared and should be animated separately.

# Parameters

Name Type
options AnyObject

# Returns

AnyObject

# Inherited from

DatasetController.getSharedOptions

# Defined in

types/index.d.ts:623 (opens new window)

# getStyle

▸ getStyle(index, active): AnyObject

# Parameters

Name Type
index number
active boolean

# Returns

AnyObject

# Inherited from

DatasetController.getStyle

# Defined in

types/index.d.ts:616 (opens new window)

# includeOptions

▸ Protected includeOptions(mode, sharedOptions): boolean

Utility for determining if options should be included in the updated properties

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
sharedOptions AnyObject

# Returns

boolean

# Inherited from

DatasetController.includeOptions

# Defined in

types/index.d.ts:628 (opens new window)

# initialize

▸ initialize(): void

# Returns

void

# Inherited from

DatasetController.initialize

# Defined in

types/index.d.ts:612 (opens new window)

# linkScales

▸ linkScales(): void

# Returns

void

# Inherited from

DatasetController.linkScales

# Defined in

types/index.d.ts:599 (opens new window)

# parse

▸ parse(start, count): void

# Parameters

Name Type
start number
count number

# Returns

void

# Inherited from

DatasetController.parse

# Defined in

types/index.d.ts:644 (opens new window)

# parseArrayData

▸ Protected parseArrayData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DatasetController.parseArrayData

# Defined in

types/index.d.ts:646 (opens new window)

# parseObjectData

▸ Protected parseObjectData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DatasetController.parseObjectData

# Defined in

types/index.d.ts:647 (opens new window)

# parsePrimitiveData

▸ Protected parsePrimitiveData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DatasetController.parsePrimitiveData

# Defined in

types/index.d.ts:645 (opens new window)

# removeHoverStyle

▸ removeHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DatasetController.removeHoverStyle

# Defined in

types/index.d.ts:641 (opens new window)

# reset

▸ reset(): void

# Returns

void

# Inherited from

DatasetController.reset

# Defined in

types/index.d.ts:607 (opens new window)

# resolveDataElementOptions

▸ Protected resolveDataElementOptions(index, mode): AnyObject

# Parameters

Name Type
index number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DatasetController.resolveDataElementOptions

# Defined in

types/index.d.ts:618 (opens new window)

# resolveDatasetElementOptions

▸ Protected resolveDatasetElementOptions(mode): AnyObject

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DatasetController.resolveDatasetElementOptions

# Defined in

types/index.d.ts:617 (opens new window)

# setHoverStyle

▸ setHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DatasetController.setHoverStyle

# Defined in

types/index.d.ts:642 (opens new window)

# update

▸ update(mode): void

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DatasetController.update

# Defined in

types/index.d.ts:603 (opens new window)

# updateElement

▸ Protected updateElement(element, index, properties, mode): void

Utility for updating an element with new properties, using animations when appropriate.

# Parameters

Name Type
element default<AnyObject, AnyObject>
index number
properties AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DatasetController.updateElement

# Defined in

types/index.d.ts:634 (opens new window)

# updateElements

▸ updateElements(elements, start, count, mode): void

# Parameters

Name Type
elements default<AnyObject, AnyObject>[]
start number
count number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DatasetController.updateElements

# Defined in

types/index.d.ts:602 (opens new window)

# updateIndex

▸ updateIndex(datasetIndex): void

# Parameters

Name Type
datasetIndex number

# Returns

void

# Inherited from

DatasetController.updateIndex

# Defined in

types/index.d.ts:604 (opens new window)

# updateRangeFromParsed

▸ Protected updateRangeFromParsed(range, scale, parsed, stack): void

# Parameters

Name Type
range Object
range.max number
range.min number
scale Scale<CoreScaleOptions>
parsed unknown[]
stack string | boolean

# Returns

void

# Inherited from

DatasetController.updateRangeFromParsed

# Defined in

types/index.d.ts:650 (opens new window)

# updateSharedOptions

▸ Protected updateSharedOptions(sharedOptions, mode, newOptions): void

Utility to animate the shared options, that are potentially affecting multiple elements.

# Parameters

Name Type
sharedOptions AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
newOptions AnyObject

# Returns

void

# Inherited from

DatasetController.updateSharedOptions

# Defined in

types/index.d.ts:640 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/DoughnutControllerChartOptions.html b/docs/master/api/interfaces/DoughnutControllerChartOptions.html index 87048b11eb..9d8431d1d3 100644 --- a/docs/master/api/interfaces/DoughnutControllerChartOptions.html +++ b/docs/master/api/interfaces/DoughnutControllerChartOptions.html @@ -7,7 +7,7 @@ - + @@ -39,8 +39,8 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: DoughnutControllerChartOptions

# Properties

# animation

• animation: false | DoughnutAnimationOptions

# Defined in

types/index.d.ts:335 (opens new window)

# circumference

• circumference: number

Sweep to allow arcs to cover.

Default

360

# Defined in

types/index.d.ts:303 (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:310 (opens new window)

# offset

• offset: number | number[]

Arc offset (in pixels).

# Defined in

types/index.d.ts:315 (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:321 (opens new window)

# rotation

• rotation: number

Starting angle to draw arcs from.

Default

0

# Defined in

types/index.d.ts:327 (opens new window)

# spacing

• spacing: number

Spacing between the arcs

Default

0

# Defined in

types/index.d.ts:333 (opens new window)

+ (opens new window)

# Interface: DoughnutControllerChartOptions

# Properties

# animation

• animation: false | DoughnutAnimationOptions

# Defined in

types/index.d.ts:335 (opens new window)

# circumference

• circumference: number

Sweep to allow arcs to cover.

Default

360

# Defined in

types/index.d.ts:303 (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:310 (opens new window)

# offset

• offset: number | number[]

Arc offset (in pixels).

# Defined in

types/index.d.ts:315 (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:321 (opens new window)

# rotation

• rotation: number

Starting angle to draw arcs from.

Default

0

# Defined in

types/index.d.ts:327 (opens new window)

# spacing

• spacing: number

Spacing between the arcs

Default

0

# Defined in

types/index.d.ts:333 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/DoughnutControllerDatasetOptions.html b/docs/master/api/interfaces/DoughnutControllerDatasetOptions.html index 1a32c31b44..26795c9780 100644 --- a/docs/master/api/interfaces/DoughnutControllerDatasetOptions.html +++ b/docs/master/api/interfaces/DoughnutControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,8 +39,8 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: DoughnutControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"doughnut"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"doughnut">

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderAlign

• borderAlign: ScriptableAndArray<"center" | "inner", ScriptableContext<"doughnut">>

Arc stroke alignment.

# Inherited from

ScriptableAndArrayOptions.borderAlign

# Defined in

types/index.d.ts:1843 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

Line dash. See MDN.

Default

[]

# Inherited from

ScriptableAndArrayOptions.borderDash

# Defined in

types/index.d.ts:1848 (opens new window)

# borderDashOffset

• borderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

ScriptableAndArrayOptions.borderDashOffset

# Defined in

types/index.d.ts:1853 (opens new window)

# borderJoinStyle

• borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"doughnut">>

Line join style. See MDN. Default is 'round' when borderAlign is 'inner', else 'bevel'.

# Inherited from

ScriptableAndArrayOptions.borderJoinStyle

# Defined in

types/index.d.ts:1857 (opens new window)

# borderRadius

• borderRadius: ScriptableAndArray<number | ArcBorderRadius, ScriptableContext<"doughnut">>

Sets the border radius for arcs

Default

0

# Inherited from

ScriptableAndArrayOptions.borderRadius

# Defined in

types/index.d.ts:1863 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# circular

• circular: ScriptableAndArray<boolean, ScriptableContext<"doughnut">>

If false, Arc will be flat.

Default

true

# Inherited from

ScriptableAndArrayOptions.circular

# Defined in

types/index.d.ts:1874 (opens new window)

# circumference

• circumference: number

Sweep to allow arcs to cover.

Default

360

# Defined in

types/index.d.ts:257 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDash

# Defined in

types/index.d.ts:1883 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1884 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverOffset

• hoverOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverOffset

# Defined in

types/index.d.ts:1885 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# offset

• offset: number | number[]

Arc offset (in pixels).

# Overrides

ScriptableAndArrayOptions.offset

# Defined in

types/index.d.ts:262 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# rotation

• rotation: number

Starting angle to draw this dataset from.

Default

0

# Defined in

types/index.d.ts:268 (opens new window)

# spacing

• spacing: number

Similar to the offset option, but applies to all arcs. This can be used to to add spaces -between arcs

Default

0

# Overrides

ScriptableAndArrayOptions.spacing

# Defined in

types/index.d.ts:281 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# transitions

• transitions: TransitionsSpec<"doughnut">

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# weight

• weight: number

The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.

Default

1

# Defined in

types/index.d.ts:274 (opens new window)

+ (opens new window)

# Interface: DoughnutControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"doughnut"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"doughnut">

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderAlign

• borderAlign: ScriptableAndArray<"center" | "inner", ScriptableContext<"doughnut">>

Arc stroke alignment.

# Inherited from

ScriptableAndArrayOptions.borderAlign

# Defined in

types/index.d.ts:1843 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

Line dash. See MDN.

Default

[]

# Inherited from

ScriptableAndArrayOptions.borderDash

# Defined in

types/index.d.ts:1848 (opens new window)

# borderDashOffset

• borderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

ScriptableAndArrayOptions.borderDashOffset

# Defined in

types/index.d.ts:1853 (opens new window)

# borderJoinStyle

• borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"doughnut">>

Line join style. See MDN. Default is 'round' when borderAlign is 'inner', else 'bevel'.

# Inherited from

ScriptableAndArrayOptions.borderJoinStyle

# Defined in

types/index.d.ts:1857 (opens new window)

# borderRadius

• borderRadius: ScriptableAndArray<number | ArcBorderRadius, ScriptableContext<"doughnut">>

Sets the border radius for arcs

Default

0

# Inherited from

ScriptableAndArrayOptions.borderRadius

# Defined in

types/index.d.ts:1863 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# circular

• circular: ScriptableAndArray<boolean, ScriptableContext<"doughnut">>

If false, Arc will be flat.

Default

true

# Inherited from

ScriptableAndArrayOptions.circular

# Defined in

types/index.d.ts:1874 (opens new window)

# circumference

• circumference: number

Sweep to allow arcs to cover.

Default

360

# Defined in

types/index.d.ts:257 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDash

# Defined in

types/index.d.ts:1883 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1884 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverOffset

• hoverOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

ScriptableAndArrayOptions.hoverOffset

# Defined in

types/index.d.ts:1885 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# offset

• offset: number | number[]

Arc offset (in pixels).

# Overrides

ScriptableAndArrayOptions.offset

# Defined in

types/index.d.ts:262 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# rotation

• rotation: number

Starting angle to draw this dataset from.

Default

0

# Defined in

types/index.d.ts:268 (opens new window)

# spacing

• spacing: number

Similar to the offset option, but applies to all arcs. This can be used to to add spaces +between arcs

Default

0

# Overrides

ScriptableAndArrayOptions.spacing

# Defined in

types/index.d.ts:281 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# transitions

• transitions: TransitionsSpec<"doughnut">

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# weight

• weight: number

The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.

Default

1

# Defined in

types/index.d.ts:274 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/DoughnutMetaExtensions.html b/docs/master/api/interfaces/DoughnutMetaExtensions.html index 5664a6ce4f..00cec72f6c 100644 --- a/docs/master/api/interfaces/DoughnutMetaExtensions.html +++ b/docs/master/api/interfaces/DoughnutMetaExtensions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: DoughnutMetaExtensions

# Properties

# total

• total: number

# Defined in

types/index.d.ts:356 (opens new window)

+ (opens new window)

# Interface: DoughnutMetaExtensions

# Properties

# total

• total: number

# Defined in

types/index.d.ts:356 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ElementOptionsByType.html b/docs/master/api/interfaces/ElementOptionsByType.html index d35a2fb2b4..f48ba401e7 100644 --- a/docs/master/api/interfaces/ElementOptionsByType.html +++ b/docs/master/api/interfaces/ElementOptionsByType.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ElementOptionsByType<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# arc

• arc: ScriptableAndArrayOptions<ArcOptions & ArcHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2140 (opens new window)

# bar

• bar: ScriptableAndArrayOptions<BarOptions & BarHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2141 (opens new window)

# line

• line: ScriptableAndArrayOptions<LineOptions & LineHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2142 (opens new window)

# point

• point: ScriptableAndArrayOptions<PointOptions & PointHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2143 (opens new window)

+ (opens new window)

# Interface: ElementOptionsByType<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# arc

• arc: ScriptableAndArrayOptions<ArcOptions & ArcHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2140 (opens new window)

# bar

• bar: ScriptableAndArrayOptions<BarOptions & BarHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2141 (opens new window)

# line

• line: ScriptableAndArrayOptions<LineOptions & LineHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2142 (opens new window)

# point

• point: ScriptableAndArrayOptions<PointOptions & PointHoverOptions, ScriptableContext<TType>>

# Defined in

types/index.d.ts:2143 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ExtendedPlugin.html b/docs/master/api/interfaces/ExtendedPlugin.html index 697b960411..f7c352f051 100644 --- a/docs/master/api/interfaces/ExtendedPlugin.html +++ b/docs/master/api/interfaces/ExtendedPlugin.html @@ -7,7 +7,7 @@ - + @@ -40,8 +40,8 @@ (opens new window) GitHub (opens new window)

# Interface: ExtendedPlugin<TType, O, Model>

# Type parameters

Name Type
TType extends ChartType
O AnyObject
Model TooltipModel<TType>

# Hierarchy

# Methods

# afterTooltipDraw

▸ Optional afterTooltipDraw(chart, args, options): void

Desc

Called after drawing the tooltip. Note that this hook will not -be called if the tooltip drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.tooltip Model The tooltip.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:2711 (opens new window)

# beforeTooltipDraw

▸ Optional beforeTooltipDraw(chart, args, options): boolean | void

Desc

Called before drawing the tooltip. If any plugin returns false, -the tooltip drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.tooltip Model The tooltip.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart tooltip drawing.

# Defined in

types/index.d.ts:2702 (opens new window)

+be called if the tooltip drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.tooltip Model The tooltip.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:2711 (opens new window)

# beforeTooltipDraw

▸ Optional beforeTooltipDraw(chart, args, options): boolean | void

Desc

Called before drawing the tooltip. If any plugin returns false, +the tooltip drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.tooltip Model The tooltip.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart tooltip drawing.

# Defined in

types/index.d.ts:2702 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/FillerControllerDatasetOptions.html b/docs/master/api/interfaces/FillerControllerDatasetOptions.html index 4c9f5fac5d..eaf63b65a4 100644 --- a/docs/master/api/interfaces/FillerControllerDatasetOptions.html +++ b/docs/master/api/interfaces/FillerControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: FillerControllerDatasetOptions

# Properties

# fill

• fill: FillTarget | ComplexFillTarget

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Defined in

types/index.d.ts:2259 (opens new window)

+ (opens new window)

# Interface: FillerControllerDatasetOptions

# Properties

# fill

• fill: FillTarget | ComplexFillTarget

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Defined in

types/index.d.ts:2259 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/FillerOptions.html b/docs/master/api/interfaces/FillerOptions.html index 05131b2b2f..7f95d468f7 100644 --- a/docs/master/api/interfaces/FillerOptions.html +++ b/docs/master/api/interfaces/FillerOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: FillerOptions

# Properties

# drawTime

• drawTime: "beforeDraw" | "beforeDatasetsDraw" | "beforeDatasetDraw"

# Defined in

types/index.d.ts:2234 (opens new window)

# propagate

• propagate: boolean

# Defined in

types/index.d.ts:2235 (opens new window)

+ (opens new window)

# Interface: FillerOptions

# Properties

# drawTime

• drawTime: "beforeDraw" | "beforeDatasetsDraw" | "beforeDatasetDraw"

# Defined in

types/index.d.ts:2234 (opens new window)

# propagate

• propagate: boolean

# Defined in

types/index.d.ts:2235 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/FontSpec.html b/docs/master/api/interfaces/FontSpec.html index 6d1fb1cb3d..a6f39a52e3 100644 --- a/docs/master/api/interfaces/FontSpec.html +++ b/docs/master/api/interfaces/FontSpec.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: FontSpec

# Hierarchy

# Properties

# family

• family: string

Default font family for all text, follows CSS font-family options.

Default

"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"

# Defined in

types/index.d.ts:1776 (opens new window)

# lineHeight

• lineHeight: string | number

Height of an individual line of text (see MDN).

Default

1.2

# Defined in

types/index.d.ts:1795 (opens new window)

# size

• size: number

Default font size (in px) for text. Does not apply to radialLinear scale point labels.

Default

12

# Defined in

types/index.d.ts:1781 (opens new window)

# style

• style: "normal" | "inherit" | "italic" | "oblique" | "initial"

Default font style. Does not apply to tooltip title or footer. Does not apply to chart title. Follows CSS font-style options (i.e. normal, italic, oblique, initial, inherit)

Default

'normal'

# Defined in

types/index.d.ts:1786 (opens new window)

# weight

• weight: number | "bold" | "normal" | "lighter" | "bolder"

Default font weight (boldness). (see MDN).

# Defined in

types/index.d.ts:1790 (opens new window)

+ (opens new window)

# Interface: FontSpec

# Hierarchy

# Properties

# family

• family: string

Default font family for all text, follows CSS font-family options.

Default

"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"

# Defined in

types/index.d.ts:1776 (opens new window)

# lineHeight

• lineHeight: string | number

Height of an individual line of text (see MDN).

Default

1.2

# Defined in

types/index.d.ts:1795 (opens new window)

# size

• size: number

Default font size (in px) for text. Does not apply to radialLinear scale point labels.

Default

12

# Defined in

types/index.d.ts:1781 (opens new window)

# style

• style: "normal" | "inherit" | "italic" | "oblique" | "initial"

Default font style. Does not apply to tooltip title or footer. Does not apply to chart title. Follows CSS font-style options (i.e. normal, italic, oblique, initial, inherit)

Default

'normal'

# Defined in

types/index.d.ts:1786 (opens new window)

# weight

• weight: number | "bold" | "normal" | "lighter" | "bolder"

Default font weight (boldness). (see MDN).

# Defined in

types/index.d.ts:1790 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/GridLineOptions.html b/docs/master/api/interfaces/GridLineOptions.html index d1b6c214bf..e392582c12 100644 --- a/docs/master/api/interfaces/GridLineOptions.html +++ b/docs/master/api/interfaces/GridLineOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: GridLineOptions

# Properties

# circular

• circular: boolean

Default

false

# Defined in

types/index.d.ts:2985 (opens new window)

# color

• color: ScriptableAndArray<Color, ScriptableScaleContext>

Default

'rgba(0, 0, 0, 0.1)'

# Defined in

types/index.d.ts:2989 (opens new window)

# display

• display: boolean

Default

true

# Defined in

types/index.d.ts:2981 (opens new window)

# drawOnChartArea

• drawOnChartArea: boolean

Default

true

# Defined in

types/index.d.ts:2997 (opens new window)

# drawTicks

• drawTicks: boolean

Default

true

# Defined in

types/index.d.ts:3001 (opens new window)

# lineWidth

• lineWidth: ScriptableAndArray<number, ScriptableScaleContext>

Default

1

# Defined in

types/index.d.ts:2993 (opens new window)

# offset

• offset: boolean

Default

false

# Defined in

types/index.d.ts:3025 (opens new window)

# tickBorderDash

• tickBorderDash: Scriptable<number[], ScriptableScaleContext>

Default

[]

# Defined in

types/index.d.ts:3005 (opens new window)

# tickBorderDashOffset

• tickBorderDashOffset: Scriptable<number, ScriptableScaleContext>

Default

0

# Defined in

types/index.d.ts:3009 (opens new window)

# tickColor

• tickColor: ScriptableAndArray<Color, ScriptableScaleContext>

Default

'rgba(0, 0, 0, 0.1)'

# Defined in

types/index.d.ts:3013 (opens new window)

# tickLength

• tickLength: number

Default

10

# Defined in

types/index.d.ts:3017 (opens new window)

# tickWidth

• tickWidth: number

Default

1

# Defined in

types/index.d.ts:3021 (opens new window)

# z

• z: number

Default

0

# Defined in

types/index.d.ts:3029 (opens new window)

+ (opens new window)

# Interface: GridLineOptions

# Properties

# circular

• circular: boolean

Default

false

# Defined in

types/index.d.ts:2985 (opens new window)

# color

• color: ScriptableAndArray<Color, ScriptableScaleContext>

Default

'rgba(0, 0, 0, 0.1)'

# Defined in

types/index.d.ts:2989 (opens new window)

# display

• display: boolean

Default

true

# Defined in

types/index.d.ts:2981 (opens new window)

# drawOnChartArea

• drawOnChartArea: boolean

Default

true

# Defined in

types/index.d.ts:2997 (opens new window)

# drawTicks

• drawTicks: boolean

Default

true

# Defined in

types/index.d.ts:3001 (opens new window)

# lineWidth

• lineWidth: ScriptableAndArray<number, ScriptableScaleContext>

Default

1

# Defined in

types/index.d.ts:2993 (opens new window)

# offset

• offset: boolean

Default

false

# Defined in

types/index.d.ts:3025 (opens new window)

# tickBorderDash

• tickBorderDash: Scriptable<number[], ScriptableScaleContext>

Default

[]

# Defined in

types/index.d.ts:3005 (opens new window)

# tickBorderDashOffset

• tickBorderDashOffset: Scriptable<number, ScriptableScaleContext>

Default

0

# Defined in

types/index.d.ts:3009 (opens new window)

# tickColor

• tickColor: ScriptableAndArray<Color, ScriptableScaleContext>

Default

'rgba(0, 0, 0, 0.1)'

# Defined in

types/index.d.ts:3013 (opens new window)

# tickLength

• tickLength: number

Default

10

# Defined in

types/index.d.ts:3017 (opens new window)

# tickWidth

• tickWidth: number

Default

1

# Defined in

types/index.d.ts:3021 (opens new window)

# z

• z: number

Default

0

# Defined in

types/index.d.ts:3029 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/InteractionItem.html b/docs/master/api/interfaces/InteractionItem.html index 7c1d2c136f..8d2562cf89 100644 --- a/docs/master/api/interfaces/InteractionItem.html +++ b/docs/master/api/interfaces/InteractionItem.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: InteractionItem

# Properties

# datasetIndex

• datasetIndex: number

# Defined in

types/index.d.ts:719 (opens new window)

# element

• element: default<AnyObject, AnyObject>

# Defined in

types/index.d.ts:718 (opens new window)

# index

• index: number

# Defined in

types/index.d.ts:720 (opens new window)

+ (opens new window)

# Interface: InteractionItem

# Properties

# datasetIndex

• datasetIndex: number

# Defined in

types/index.d.ts:719 (opens new window)

# element

• element: default<AnyObject, AnyObject>

# Defined in

types/index.d.ts:718 (opens new window)

# index

• index: number

# Defined in

types/index.d.ts:720 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/InteractionModeMap.html b/docs/master/api/interfaces/InteractionModeMap.html index 80ba166906..cb68fa0589 100644 --- a/docs/master/api/interfaces/InteractionModeMap.html +++ b/docs/master/api/interfaces/InteractionModeMap.html @@ -7,7 +7,7 @@ - + @@ -40,9 +40,9 @@ (opens new window) GitHub (opens new window)

# Interface: InteractionModeMap

# Properties

# dataset

• dataset: InteractionModeFunction

Returns items in the same dataset. If the options.intersect parameter is true, we only return items if we intersect something -If the options.intersect is false, we find the nearest item and return the items in that dataset

# Defined in

types/index.d.ts:741 (opens new window)

# index

• index: InteractionModeFunction

Returns items at the same index. If the options.intersect parameter is true, we only return items if we intersect something -If the options.intersect mode is false, we find the nearest item and return the items at the same index as that item

# Defined in

types/index.d.ts:735 (opens new window)

# nearest

• nearest: InteractionModeFunction

nearest mode returns the element closest to the point

# Defined in

types/index.d.ts:750 (opens new window)

# point

• point: InteractionModeFunction

Point mode returns all elements that hit test based on the event position -of the event

# Defined in

types/index.d.ts:746 (opens new window)

# x

• x: InteractionModeFunction

x mode returns the elements that hit-test at the current x coordinate

# Defined in

types/index.d.ts:754 (opens new window)

# y

• y: InteractionModeFunction

y mode returns the elements that hit-test at the current y coordinate

# Defined in

types/index.d.ts:758 (opens new window)

+If the options.intersect is false, we find the nearest item and return the items in that dataset

# Defined in

types/index.d.ts:741 (opens new window)

# index

• index: InteractionModeFunction

Returns items at the same index. If the options.intersect parameter is true, we only return items if we intersect something +If the options.intersect mode is false, we find the nearest item and return the items at the same index as that item

# Defined in

types/index.d.ts:735 (opens new window)

# nearest

• nearest: InteractionModeFunction

nearest mode returns the element closest to the point

# Defined in

types/index.d.ts:750 (opens new window)

# point

• point: InteractionModeFunction

Point mode returns all elements that hit test based on the event position +of the event

# Defined in

types/index.d.ts:746 (opens new window)

# x

• x: InteractionModeFunction

x mode returns the elements that hit-test at the current x coordinate

# Defined in

types/index.d.ts:754 (opens new window)

# y

• y: InteractionModeFunction

y mode returns the elements that hit-test at the current y coordinate

# Defined in

types/index.d.ts:758 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/InteractionOptions.html b/docs/master/api/interfaces/InteractionOptions.html index 98ff7f7d42..af3b2fbbcb 100644 --- a/docs/master/api/interfaces/InteractionOptions.html +++ b/docs/master/api/interfaces/InteractionOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: InteractionOptions

# Properties

# axis

• Optional axis: string

# Defined in

types/index.d.ts:712 (opens new window)

# includeInvisible

• Optional includeInvisible: boolean

# Defined in

types/index.d.ts:714 (opens new window)

# intersect

• Optional intersect: boolean

# Defined in

types/index.d.ts:713 (opens new window)

+ (opens new window)

# Interface: InteractionOptions

# Properties

# axis

• Optional axis: string

# Defined in

types/index.d.ts:712 (opens new window)

# includeInvisible

• Optional includeInvisible: boolean

# Defined in

types/index.d.ts:714 (opens new window)

# intersect

• Optional intersect: boolean

# Defined in

types/index.d.ts:713 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LabelItem.html b/docs/master/api/interfaces/LabelItem.html index 8c9560d037..539082a48f 100644 --- a/docs/master/api/interfaces/LabelItem.html +++ b/docs/master/api/interfaces/LabelItem.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LabelItem

# Properties

# font

• font: CanvasFontSpec

# Defined in

types/index.d.ts:1491 (opens new window)

# label

• label: string | string[]

# Defined in

types/index.d.ts:1490 (opens new window)

# options

• options: RenderTextOpts

# Defined in

types/index.d.ts:1493 (opens new window)

# textOffset

• textOffset: number

# Defined in

types/index.d.ts:1492 (opens new window)

+ (opens new window)

# Interface: LabelItem

# Properties

# font

• font: CanvasFontSpec

# Defined in

types/index.d.ts:1491 (opens new window)

# label

• label: string | string[]

# Defined in

types/index.d.ts:1490 (opens new window)

# options

• options: RenderTextOpts

# Defined in

types/index.d.ts:1493 (opens new window)

# textOffset

• textOffset: number

# Defined in

types/index.d.ts:1492 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LayoutItem.html b/docs/master/api/interfaces/LayoutItem.html index 9a1e57eb72..0eb47e3750 100644 --- a/docs/master/api/interfaces/LayoutItem.html +++ b/docs/master/api/interfaces/LayoutItem.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LayoutItem

# Hierarchy

# Properties

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:41 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Defined in

types/layout.d.ts:25 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:29 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:37 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:33 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Defined in

types/layout.d.ts:21 (opens new window)

# Methods

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Defined in

types/layout.d.ts:46 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

types/layout.d.ts:50 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Defined in

types/layout.d.ts:54 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Defined in

types/layout.d.ts:58 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Defined in

types/layout.d.ts:64 (opens new window)

+ (opens new window)

# Interface: LayoutItem

# Hierarchy

# Properties

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:41 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Defined in

types/layout.d.ts:25 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:29 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:37 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Defined in

types/layout.d.ts:33 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Defined in

types/layout.d.ts:21 (opens new window)

# Methods

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Defined in

types/layout.d.ts:46 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Defined in

types/layout.d.ts:50 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Defined in

types/layout.d.ts:54 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Defined in

types/layout.d.ts:58 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Defined in

types/layout.d.ts:64 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LegendElement.html b/docs/master/api/interfaces/LegendElement.html index f9a57f1a00..e25ef62d21 100644 --- a/docs/master/api/interfaces/LegendElement.html +++ b/docs/master/api/interfaces/LegendElement.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LegendElement<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# $animations

• $animations: Record<string, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• chart: Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown>

# Defined in

types/index.d.ts:2353 (opens new window)

# ctx

• ctx: CanvasRenderingContext2D

# Defined in

types/index.d.ts:2354 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

LayoutItem.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

LayoutItem.height

# Defined in

types/layout.d.ts:25 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.left

# Defined in

types/layout.d.ts:29 (opens new window)

# legendItems

• Optional legendItems: LegendItem[]

# Defined in

types/index.d.ts:2355 (opens new window)

# options

• options: LegendOptions<TType>

# Overrides

Element.options

# Defined in

types/index.d.ts:2356 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

LayoutItem.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.right

# Defined in

types/layout.d.ts:37 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.top

# Defined in

types/layout.d.ts:33 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

LayoutItem.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

LayoutItem.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

LayoutItem.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

LayoutItem.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# fit

▸ fit(): void

# Returns

void

# Defined in

types/index.d.ts:2357 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

LayoutItem.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<AnyObject, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends string[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<AnyObject, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

LayoutItem.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

LayoutItem.update

# Defined in

types/layout.d.ts:64 (opens new window)

+ (opens new window)

# Interface: LegendElement<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# $animations

• $animations: Record<string, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• chart: Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown>

# Defined in

types/index.d.ts:2353 (opens new window)

# ctx

• ctx: CanvasRenderingContext2D

# Defined in

types/index.d.ts:2354 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

LayoutItem.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

LayoutItem.height

# Defined in

types/layout.d.ts:25 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.left

# Defined in

types/layout.d.ts:29 (opens new window)

# legendItems

• Optional legendItems: LegendItem[]

# Defined in

types/index.d.ts:2355 (opens new window)

# options

• options: LegendOptions<TType>

# Overrides

Element.options

# Defined in

types/index.d.ts:2356 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

LayoutItem.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.right

# Defined in

types/layout.d.ts:37 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

LayoutItem.top

# Defined in

types/layout.d.ts:33 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

LayoutItem.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

LayoutItem.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

LayoutItem.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

LayoutItem.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# fit

▸ fit(): void

# Returns

void

# Defined in

types/index.d.ts:2357 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

LayoutItem.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<AnyObject, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends string[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<AnyObject, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

LayoutItem.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

LayoutItem.update

# Defined in

types/layout.d.ts:64 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LegendItem.html b/docs/master/api/interfaces/LegendItem.html index 2b15055232..df23037c5c 100644 --- a/docs/master/api/interfaces/LegendItem.html +++ b/docs/master/api/interfaces/LegendItem.html @@ -7,7 +7,7 @@ - + @@ -39,8 +39,8 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LegendItem

# Properties

# borderRadius

• Optional borderRadius: number | BorderRadius

Border radius of the legend box

Since

3.1.0

# Defined in

types/index.d.ts:2274 (opens new window)

# datasetIndex

• Optional datasetIndex: number

Index of the associated dataset

# Defined in

types/index.d.ts:2279 (opens new window)

# fillStyle

• Optional fillStyle: Color

Fill style of the legend box

# Defined in

types/index.d.ts:2289 (opens new window)

# fontColor

• Optional fontColor: Color

Font color for the text -Defaults to LegendOptions.labels.color

# Defined in

types/index.d.ts:2295 (opens new window)

# hidden

• Optional hidden: boolean

If true, this item represents a hidden dataset. Label will be rendered with a strike-through effect

# Defined in

types/index.d.ts:2300 (opens new window)

# index

• Optional index: number

Index the associated label in the labels array

# Defined in

types/index.d.ts:2284 (opens new window)

# lineCap

• Optional lineCap: CanvasLineCap

For box border.

See

https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineCap

# Defined in

types/index.d.ts:2306 (opens new window)

# lineDash

• Optional lineDash: number[]

For box border.

See

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash

# Defined in

types/index.d.ts:2312 (opens new window)

# lineDashOffset

• Optional lineDashOffset: number

For box border.

See

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset

# Defined in

types/index.d.ts:2318 (opens new window)

# lineJoin

• Optional lineJoin: CanvasLineJoin

For box border.

See

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin

# Defined in

types/index.d.ts:2324 (opens new window)

# lineWidth

• Optional lineWidth: number

Width of box border

# Defined in

types/index.d.ts:2329 (opens new window)

# pointStyle

• Optional pointStyle: PointStyle

Point style of the legend box (only used if usePointStyle is true)

# Defined in

types/index.d.ts:2339 (opens new window)

# rotation

• Optional rotation: number

Rotation of the point in degrees (only used if usePointStyle is true)

# Defined in

types/index.d.ts:2344 (opens new window)

# strokeStyle

• Optional strokeStyle: Color

Stroke style of the legend box

# Defined in

types/index.d.ts:2334 (opens new window)

# text

• text: string

Label that will be displayed

# Defined in

types/index.d.ts:2268 (opens new window)

# textAlign

• Optional textAlign: TextAlign

Text alignment

# Defined in

types/index.d.ts:2349 (opens new window)

+ (opens new window)

# Interface: LegendItem

# Properties

# borderRadius

• Optional borderRadius: number | BorderRadius

Border radius of the legend box

Since

3.1.0

# Defined in

types/index.d.ts:2274 (opens new window)

# datasetIndex

• Optional datasetIndex: number

Index of the associated dataset

# Defined in

types/index.d.ts:2279 (opens new window)

# fillStyle

• Optional fillStyle: Color

Fill style of the legend box

# Defined in

types/index.d.ts:2289 (opens new window)

# fontColor

• Optional fontColor: Color

Font color for the text +Defaults to LegendOptions.labels.color

# Defined in

types/index.d.ts:2295 (opens new window)

# hidden

• Optional hidden: boolean

If true, this item represents a hidden dataset. Label will be rendered with a strike-through effect

# Defined in

types/index.d.ts:2300 (opens new window)

# index

• Optional index: number

Index the associated label in the labels array

# Defined in

types/index.d.ts:2284 (opens new window)

# lineCap

• Optional lineCap: CanvasLineCap

For box border.

See

https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineCap

# Defined in

types/index.d.ts:2306 (opens new window)

# lineDash

• Optional lineDash: number[]

For box border.

See

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash

# Defined in

types/index.d.ts:2312 (opens new window)

# lineDashOffset

• Optional lineDashOffset: number

For box border.

See

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset

# Defined in

types/index.d.ts:2318 (opens new window)

# lineJoin

• Optional lineJoin: CanvasLineJoin

For box border.

See

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin

# Defined in

types/index.d.ts:2324 (opens new window)

# lineWidth

• Optional lineWidth: number

Width of box border

# Defined in

types/index.d.ts:2329 (opens new window)

# pointStyle

• Optional pointStyle: PointStyle

Point style of the legend box (only used if usePointStyle is true)

# Defined in

types/index.d.ts:2339 (opens new window)

# rotation

• Optional rotation: number

Rotation of the point in degrees (only used if usePointStyle is true)

# Defined in

types/index.d.ts:2344 (opens new window)

# strokeStyle

• Optional strokeStyle: Color

Stroke style of the legend box

# Defined in

types/index.d.ts:2334 (opens new window)

# text

• text: string

Label that will be displayed

# Defined in

types/index.d.ts:2268 (opens new window)

# textAlign

• Optional textAlign: TextAlign

Text alignment

# Defined in

types/index.d.ts:2349 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LegendOptions.html b/docs/master/api/interfaces/LegendOptions.html index 696975680b..207d480857 100644 --- a/docs/master/api/interfaces/LegendOptions.html +++ b/docs/master/api/interfaces/LegendOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LegendOptions<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# align

• align: Align

Alignment of the legend.

Default

'center'

# Defined in

types/index.d.ts:2375 (opens new window)

# display

• display: boolean

Is the legend shown?

Default

true

# Defined in

types/index.d.ts:2365 (opens new window)

# fullSize

• fullSize: boolean

Marks that this box should take the full width/height of the canvas (moving other boxes). This is unlikely to need to be changed in day-to-day use.

Default

true

# Defined in

types/index.d.ts:2388 (opens new window)

# labels

• labels: Object

# Type declaration

Name Type Description
borderRadius number Override the borderRadius to use. Default undefined
boxHeight number Height of the coloured box. Default fontSize
boxWidth number Width of colored box. Default 40
color Color Color of label See Defaults.color
font ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableChartContext> Font of label See Defaults.font
padding number Padding between rows of colored boxes. Default 10
pointStyle PointStyle Override point style for the legend. Only applies if usePointStyle is true
pointStyleWidth number If usePointStyle is true, the width of the point style used for the legend.
textAlign? TextAlign Text alignment
useBorderRadius boolean Label borderRadius will match corresponding borderRadius. Default false
usePointStyle boolean Label style will match corresponding point style (size is based on the minimum value between boxWidth and font.size). Default false
filter (item: LegendItem, data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => boolean Filters legend items out of the legend. Receives 2 parameters, a Legend Item and the chart data
generateLabels (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => LegendItem[] Generates legend items for each thing in the legend. Default implementation returns the text + styling for the color box. See Legend Item for details.
sort (a: LegendItem, b: LegendItem, data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => number Sorts the legend items

# Defined in

types/index.d.ts:2407 (opens new window)

# maxHeight

• maxHeight: number

Maximum height of the legend, in pixels

# Defined in

types/index.d.ts:2379 (opens new window)

# maxWidth

• maxWidth: number

Maximum width of the legend, in pixels

# Defined in

types/index.d.ts:2383 (opens new window)

# position

• position: LayoutPosition

Position of the legend.

Default

'top'

# Defined in

types/index.d.ts:2370 (opens new window)

# reverse

• reverse: boolean

Legend will show datasets in reverse order.

Default

false

# Defined in

types/index.d.ts:2393 (opens new window)

# rtl

• rtl: boolean

true for rendering the legends from right to left.

# Defined in

types/index.d.ts:2483 (opens new window)

# textDirection

• textDirection: string

This will force the text direction 'rtl' or 'ltr' on the canvas for rendering the legend, regardless of the css specified on the canvas

Default

canvas's default

# Defined in

types/index.d.ts:2488 (opens new window)

# title

• title: Object

# Type declaration

Name Type Description
color Color Color of title See Defaults.color
display boolean Is the legend title displayed. Default false
font ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableChartContext> see Fonts
padding? number | ChartArea -
position "center" | "end" | "start" -
text string The string title.

# Defined in

types/index.d.ts:2490 (opens new window)

# Methods

# onClick

▸ onClick(this, e, legendItem, legend): void

A callback that is called when a click event is registered on a label item.

# Parameters

Name Type
this LegendElement<TType>
e ChartEvent
legendItem LegendItem
legend LegendElement<TType>

# Returns

void

# Defined in

types/index.d.ts:2397 (opens new window)

# onHover

▸ onHover(this, e, legendItem, legend): void

A callback that is called when a 'mousemove' event is registered on top of a label item

# Parameters

Name Type
this LegendElement<TType>
e ChartEvent
legendItem LegendItem
legend LegendElement<TType>

# Returns

void

# Defined in

types/index.d.ts:2401 (opens new window)

# onLeave

▸ onLeave(this, e, legendItem, legend): void

A callback that is called when a 'mousemove' event is registered outside of a previously hovered label item.

# Parameters

Name Type
this LegendElement<TType>
e ChartEvent
legendItem LegendItem
legend LegendElement<TType>

# Returns

void

# Defined in

types/index.d.ts:2405 (opens new window)

+ (opens new window)

# Interface: LegendOptions<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# align

• align: Align

Alignment of the legend.

Default

'center'

# Defined in

types/index.d.ts:2375 (opens new window)

# display

• display: boolean

Is the legend shown?

Default

true

# Defined in

types/index.d.ts:2365 (opens new window)

# fullSize

• fullSize: boolean

Marks that this box should take the full width/height of the canvas (moving other boxes). This is unlikely to need to be changed in day-to-day use.

Default

true

# Defined in

types/index.d.ts:2388 (opens new window)

# labels

• labels: Object

# Type declaration

Name Type Description
borderRadius number Override the borderRadius to use. Default undefined
boxHeight number Height of the coloured box. Default fontSize
boxWidth number Width of colored box. Default 40
color Color Color of label See Defaults.color
font ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableChartContext> Font of label See Defaults.font
padding number Padding between rows of colored boxes. Default 10
pointStyle PointStyle Override point style for the legend. Only applies if usePointStyle is true
pointStyleWidth number If usePointStyle is true, the width of the point style used for the legend.
textAlign? TextAlign Text alignment
useBorderRadius boolean Label borderRadius will match corresponding borderRadius. Default false
usePointStyle boolean Label style will match corresponding point style (size is based on the minimum value between boxWidth and font.size). Default false
filter (item: LegendItem, data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => boolean Filters legend items out of the legend. Receives 2 parameters, a Legend Item and the chart data
generateLabels (chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => LegendItem[] Generates legend items for each thing in the legend. Default implementation returns the text + styling for the color box. See Legend Item for details.
sort (a: LegendItem, b: LegendItem, data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => number Sorts the legend items

# Defined in

types/index.d.ts:2407 (opens new window)

# maxHeight

• maxHeight: number

Maximum height of the legend, in pixels

# Defined in

types/index.d.ts:2379 (opens new window)

# maxWidth

• maxWidth: number

Maximum width of the legend, in pixels

# Defined in

types/index.d.ts:2383 (opens new window)

# position

• position: LayoutPosition

Position of the legend.

Default

'top'

# Defined in

types/index.d.ts:2370 (opens new window)

# reverse

• reverse: boolean

Legend will show datasets in reverse order.

Default

false

# Defined in

types/index.d.ts:2393 (opens new window)

# rtl

• rtl: boolean

true for rendering the legends from right to left.

# Defined in

types/index.d.ts:2483 (opens new window)

# textDirection

• textDirection: string

This will force the text direction 'rtl' or 'ltr' on the canvas for rendering the legend, regardless of the css specified on the canvas

Default

canvas's default

# Defined in

types/index.d.ts:2488 (opens new window)

# title

• title: Object

# Type declaration

Name Type Description
color Color Color of title See Defaults.color
display boolean Is the legend title displayed. Default false
font ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableChartContext> see Fonts
padding? number | ChartArea -
position "center" | "end" | "start" -
text string The string title.

# Defined in

types/index.d.ts:2490 (opens new window)

# Methods

# onClick

▸ onClick(this, e, legendItem, legend): void

A callback that is called when a click event is registered on a label item.

# Parameters

Name Type
this LegendElement<TType>
e ChartEvent
legendItem LegendItem
legend LegendElement<TType>

# Returns

void

# Defined in

types/index.d.ts:2397 (opens new window)

# onHover

▸ onHover(this, e, legendItem, legend): void

A callback that is called when a 'mousemove' event is registered on top of a label item

# Parameters

Name Type
this LegendElement<TType>
e ChartEvent
legendItem LegendItem
legend LegendElement<TType>

# Returns

void

# Defined in

types/index.d.ts:2401 (opens new window)

# onLeave

▸ onLeave(this, e, legendItem, legend): void

A callback that is called when a 'mousemove' event is registered outside of a previously hovered label item.

# Parameters

Name Type
this LegendElement<TType>
e ChartEvent
legendItem LegendItem
legend LegendElement<TType>

# Returns

void

# Defined in

types/index.d.ts:2405 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LineControllerChartOptions.html b/docs/master/api/interfaces/LineControllerChartOptions.html index ba46dbcb77..460c7660d6 100644 --- a/docs/master/api/interfaces/LineControllerChartOptions.html +++ b/docs/master/api/interfaces/LineControllerChartOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LineControllerChartOptions

# Properties

# showLine

• showLine: boolean

If false, the lines between points are not drawn.

Default

true

# Defined in

types/index.d.ts:226 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

Default

false

# Defined in

types/index.d.ts:221 (opens new window)

+ (opens new window)

# Interface: LineControllerChartOptions

# Properties

# showLine

• showLine: boolean

If false, the lines between points are not drawn.

Default

true

# Defined in

types/index.d.ts:226 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

Default

false

# Defined in

types/index.d.ts:221 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LineControllerDatasetOptions.html b/docs/master/api/interfaces/LineControllerDatasetOptions.html index 450ab86453..49dbaeff59 100644 --- a/docs/master/api/interfaces/LineControllerDatasetOptions.html +++ b/docs/master/api/interfaces/LineControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LineControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"line"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"line">

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderCapStyle

• borderCapStyle: Scriptable<CanvasLineCap, ScriptableContext<"line">>

Line cap style. See MDN.

Default

'butt'

# Inherited from

ScriptableOptions.borderCapStyle

# Defined in

types/index.d.ts:1897 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: Scriptable<number[], ScriptableContext<"line">>

Line dash. See MDN.

Default

[]

# Inherited from

ScriptableOptions.borderDash

# Defined in

types/index.d.ts:1902 (opens new window)

# borderDashOffset

• borderDashOffset: Scriptable<number, ScriptableContext<"line">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

ScriptableOptions.borderDashOffset

# Defined in

types/index.d.ts:1907 (opens new window)

# borderJoinStyle

• borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableContext<"line">>

Line join style. See MDN.

Default

'miter'

# Inherited from

ScriptableOptions.borderJoinStyle

# Defined in

types/index.d.ts:1912 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# capBezierPoints

• capBezierPoints: Scriptable<boolean, ScriptableContext<"line">>

true to keep Bézier control inside the chart, false for no restriction.

Default

true

# Inherited from

ScriptableOptions.capBezierPoints

# Defined in

types/index.d.ts:1917 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# cubicInterpolationMode

• cubicInterpolationMode: Scriptable<"default" | "monotone", ScriptableContext<"line">>

Interpolation mode to apply.

Default

'default'

# Inherited from

ScriptableOptions.cubicInterpolationMode

# Defined in

types/index.d.ts:1922 (opens new window)

# fill

• fill: Scriptable<FillTarget | ComplexFillTarget, ScriptableContext<"line">>

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Inherited from

ScriptableOptions.fill

# Defined in

types/index.d.ts:1936 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderCapStyle

• hoverBorderCapStyle: Scriptable<CanvasLineCap, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderCapStyle

# Defined in

types/index.d.ts:1954 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: Scriptable<number[], ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderDash

# Defined in

types/index.d.ts:1955 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: Scriptable<number, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1956 (opens new window)

# hoverBorderJoinStyle

• hoverBorderJoinStyle: Scriptable<CanvasLineJoin, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderJoinStyle

# Defined in

types/index.d.ts:1957 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# pointBackgroundColor

• pointBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

The fill color for points.

# Inherited from

ScriptableAndArrayOptions.pointBackgroundColor

# Defined in

types/index.d.ts:2033 (opens new window)

# pointBorderColor

• pointBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

The border color for points.

# Inherited from

ScriptableAndArrayOptions.pointBorderColor

# Defined in

types/index.d.ts:2037 (opens new window)

# pointBorderWidth

• pointBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

The width of the point border in pixels.

# Inherited from

ScriptableAndArrayOptions.pointBorderWidth

# Defined in

types/index.d.ts:2041 (opens new window)

# pointHitRadius

• pointHitRadius: ScriptableAndArray<number, ScriptableContext<"line">>

The pixel size of the non-displayed point that reacts to mouse events.

# Inherited from

ScriptableAndArrayOptions.pointHitRadius

# Defined in

types/index.d.ts:2045 (opens new window)

# pointHoverBackgroundColor

• pointHoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

Point background color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBackgroundColor

# Defined in

types/index.d.ts:2064 (opens new window)

# pointHoverBorderColor

• pointHoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

Point border color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderColor

# Defined in

types/index.d.ts:2068 (opens new window)

# pointHoverBorderWidth

• pointHoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

Border width of point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderWidth

# Defined in

types/index.d.ts:2072 (opens new window)

# pointHoverRadius

• pointHoverRadius: ScriptableAndArray<number, ScriptableContext<"line">>

The radius of the point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverRadius

# Defined in

types/index.d.ts:2076 (opens new window)

# pointRadius

• pointRadius: ScriptableAndArray<number, ScriptableContext<"line">>

The radius of the point shape. If set to 0, the point is not rendered.

# Inherited from

ScriptableAndArrayOptions.pointRadius

# Defined in

types/index.d.ts:2049 (opens new window)

# pointRotation

• pointRotation: ScriptableAndArray<number, ScriptableContext<"line">>

The rotation of the point in degrees.

# Inherited from

ScriptableAndArrayOptions.pointRotation

# Defined in

types/index.d.ts:2053 (opens new window)

# pointStyle

• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"line">>

Style of the point.

# Inherited from

ScriptableAndArrayOptions.pointStyle

# Defined in

types/index.d.ts:2057 (opens new window)

# segment

• segment: Scriptable<{ backgroundColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderCapStyle: Scriptable<CanvasLineCap, ScriptableLineSegmentContext> ; borderColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderDash: Scriptable<number[], ScriptableLineSegmentContext> ; borderDashOffset: Scriptable<number, ScriptableLineSegmentContext> ; borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableLineSegmentContext> ; borderWidth: Scriptable<number, ScriptableLineSegmentContext> }, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.segment

# Defined in

types/index.d.ts:1942 (opens new window)

# showLine

• showLine: boolean

# Defined in

types/index.d.ts:213 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

Default

false

# Overrides

ScriptableOptions.spanGaps

# Defined in

types/index.d.ts:211 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# stepped

• stepped: Scriptable<boolean | "middle" | "after" | "before", ScriptableContext<"line">>

true to show the line as a stepped line (tension will be ignored).

Default

false

# Inherited from

ScriptableOptions.stepped

# Defined in

types/index.d.ts:1932 (opens new window)

# tension

• tension: Scriptable<number, ScriptableContext<"line">>

Bézier curve tension (0 for no Bézier curves).

Default

0

# Inherited from

ScriptableOptions.tension

# Defined in

types/index.d.ts:1927 (opens new window)

# transitions

• transitions: TransitionsSpec<"line">

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

types/index.d.ts:201 (opens new window)

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

types/index.d.ts:205 (opens new window)

+ (opens new window)

# Interface: LineControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"line"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"line">

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderCapStyle

• borderCapStyle: Scriptable<CanvasLineCap, ScriptableContext<"line">>

Line cap style. See MDN.

Default

'butt'

# Inherited from

ScriptableOptions.borderCapStyle

# Defined in

types/index.d.ts:1897 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: Scriptable<number[], ScriptableContext<"line">>

Line dash. See MDN.

Default

[]

# Inherited from

ScriptableOptions.borderDash

# Defined in

types/index.d.ts:1902 (opens new window)

# borderDashOffset

• borderDashOffset: Scriptable<number, ScriptableContext<"line">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

ScriptableOptions.borderDashOffset

# Defined in

types/index.d.ts:1907 (opens new window)

# borderJoinStyle

• borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableContext<"line">>

Line join style. See MDN.

Default

'miter'

# Inherited from

ScriptableOptions.borderJoinStyle

# Defined in

types/index.d.ts:1912 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# capBezierPoints

• capBezierPoints: Scriptable<boolean, ScriptableContext<"line">>

true to keep Bézier control inside the chart, false for no restriction.

Default

true

# Inherited from

ScriptableOptions.capBezierPoints

# Defined in

types/index.d.ts:1917 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# cubicInterpolationMode

• cubicInterpolationMode: Scriptable<"default" | "monotone", ScriptableContext<"line">>

Interpolation mode to apply.

Default

'default'

# Inherited from

ScriptableOptions.cubicInterpolationMode

# Defined in

types/index.d.ts:1922 (opens new window)

# fill

• fill: Scriptable<FillTarget | ComplexFillTarget, ScriptableContext<"line">>

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Inherited from

ScriptableOptions.fill

# Defined in

types/index.d.ts:1936 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderCapStyle

• hoverBorderCapStyle: Scriptable<CanvasLineCap, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderCapStyle

# Defined in

types/index.d.ts:1954 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: Scriptable<number[], ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderDash

# Defined in

types/index.d.ts:1955 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: Scriptable<number, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1956 (opens new window)

# hoverBorderJoinStyle

• hoverBorderJoinStyle: Scriptable<CanvasLineJoin, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.hoverBorderJoinStyle

# Defined in

types/index.d.ts:1957 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# pointBackgroundColor

• pointBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

The fill color for points.

# Inherited from

ScriptableAndArrayOptions.pointBackgroundColor

# Defined in

types/index.d.ts:2033 (opens new window)

# pointBorderColor

• pointBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

The border color for points.

# Inherited from

ScriptableAndArrayOptions.pointBorderColor

# Defined in

types/index.d.ts:2037 (opens new window)

# pointBorderWidth

• pointBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

The width of the point border in pixels.

# Inherited from

ScriptableAndArrayOptions.pointBorderWidth

# Defined in

types/index.d.ts:2041 (opens new window)

# pointHitRadius

• pointHitRadius: ScriptableAndArray<number, ScriptableContext<"line">>

The pixel size of the non-displayed point that reacts to mouse events.

# Inherited from

ScriptableAndArrayOptions.pointHitRadius

# Defined in

types/index.d.ts:2045 (opens new window)

# pointHoverBackgroundColor

• pointHoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

Point background color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBackgroundColor

# Defined in

types/index.d.ts:2064 (opens new window)

# pointHoverBorderColor

• pointHoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

Point border color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderColor

# Defined in

types/index.d.ts:2068 (opens new window)

# pointHoverBorderWidth

• pointHoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

Border width of point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderWidth

# Defined in

types/index.d.ts:2072 (opens new window)

# pointHoverRadius

• pointHoverRadius: ScriptableAndArray<number, ScriptableContext<"line">>

The radius of the point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverRadius

# Defined in

types/index.d.ts:2076 (opens new window)

# pointRadius

• pointRadius: ScriptableAndArray<number, ScriptableContext<"line">>

The radius of the point shape. If set to 0, the point is not rendered.

# Inherited from

ScriptableAndArrayOptions.pointRadius

# Defined in

types/index.d.ts:2049 (opens new window)

# pointRotation

• pointRotation: ScriptableAndArray<number, ScriptableContext<"line">>

The rotation of the point in degrees.

# Inherited from

ScriptableAndArrayOptions.pointRotation

# Defined in

types/index.d.ts:2053 (opens new window)

# pointStyle

• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"line">>

Style of the point.

# Inherited from

ScriptableAndArrayOptions.pointStyle

# Defined in

types/index.d.ts:2057 (opens new window)

# segment

• segment: Scriptable<{ backgroundColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderCapStyle: Scriptable<CanvasLineCap, ScriptableLineSegmentContext> ; borderColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderDash: Scriptable<number[], ScriptableLineSegmentContext> ; borderDashOffset: Scriptable<number, ScriptableLineSegmentContext> ; borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableLineSegmentContext> ; borderWidth: Scriptable<number, ScriptableLineSegmentContext> }, ScriptableContext<"line">>

# Inherited from

ScriptableOptions.segment

# Defined in

types/index.d.ts:1942 (opens new window)

# showLine

• showLine: boolean

# Defined in

types/index.d.ts:213 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

Default

false

# Overrides

ScriptableOptions.spanGaps

# Defined in

types/index.d.ts:211 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# stepped

• stepped: Scriptable<boolean | "middle" | "after" | "before", ScriptableContext<"line">>

true to show the line as a stepped line (tension will be ignored).

Default

false

# Inherited from

ScriptableOptions.stepped

# Defined in

types/index.d.ts:1932 (opens new window)

# tension

• tension: Scriptable<number, ScriptableContext<"line">>

Bézier curve tension (0 for no Bézier curves).

Default

0

# Inherited from

ScriptableOptions.tension

# Defined in

types/index.d.ts:1927 (opens new window)

# transitions

• transitions: TransitionsSpec<"line">

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

types/index.d.ts:201 (opens new window)

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

types/index.d.ts:205 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LineElement.html b/docs/master/api/interfaces/LineElement.html index c43f095c68..634bba0b01 100644 --- a/docs/master/api/interfaces/LineElement.html +++ b/docs/master/api/interfaces/LineElement.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LineElement<T, O>

# Type parameters

Name Type
T extends LineProps = LineProps
O extends LineOptions = LineOptions

# Hierarchy

# Properties

# $animations

• $animations: Record<keyof T, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# options

• options: O

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# points

• points: Point[]

# Defined in

types/index.d.ts:1964 (opens new window)

# segments

• Readonly segments: Segment[]

# Defined in

types/index.d.ts:1965 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# draw

▸ draw(ctx, area?): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area? ChartArea

# Returns

void

# Inherited from

VisualElement.draw

# Defined in

types/index.d.ts:1806 (opens new window)

# first

▸ first(): false | Point

# Returns

false | Point

# Defined in

types/index.d.ts:1966 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Point

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Point

# Inherited from

VisualElement.getCenterPoint

# Defined in

types/index.d.ts:1810 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<T, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof T[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<T, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getRange

▸ Optional getRange(axis): number

# Parameters

Name Type
axis "x" | "y"

# Returns

number

# Inherited from

VisualElement.getRange

# Defined in

types/index.d.ts:1811 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inRange

# Defined in

types/index.d.ts:1807 (opens new window)

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inXRange

# Defined in

types/index.d.ts:1808 (opens new window)

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inYRange

# Defined in

types/index.d.ts:1809 (opens new window)

# interpolate

▸ interpolate(point, property): Point | Point[]

# Parameters

Name Type
point Point
property "x" | "y"

# Returns

Point | Point[]

# Defined in

types/index.d.ts:1968 (opens new window)

# last

▸ last(): false | Point

# Returns

false | Point

# Defined in

types/index.d.ts:1967 (opens new window)

# path

▸ path(ctx): boolean

# Parameters

Name Type
ctx CanvasRenderingContext2D

# Returns

boolean

# Defined in

types/index.d.ts:1970 (opens new window)

# pathSegment

▸ pathSegment(ctx, segment, params): boolean

# Parameters

Name Type
ctx CanvasRenderingContext2D
segment Segment
params AnyObject

# Returns

boolean

# Defined in

types/index.d.ts:1969 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# updateControlPoints

▸ updateControlPoints(chartArea, indexAxis?): void

# Parameters

Name Type
chartArea ChartArea
indexAxis? "x" | "y"

# Returns

void

# Defined in

types/index.d.ts:1963 (opens new window)

+ (opens new window)

# Interface: LineElement<T, O>

# Type parameters

Name Type
T extends LineProps = LineProps
O extends LineOptions = LineOptions

# Hierarchy

# Properties

# $animations

• $animations: Record<keyof T, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# options

• options: O

# Inherited from

Element.options

# Defined in

core/core.element.ts:14 (opens new window)

# points

• points: Point[]

# Defined in

types/index.d.ts:1964 (opens new window)

# segments

• Readonly segments: Segment[]

# Defined in

types/index.d.ts:1965 (opens new window)

# x

• x: number

# Inherited from

Element.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Element.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# draw

▸ draw(ctx, area?): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area? ChartArea

# Returns

void

# Inherited from

VisualElement.draw

# Defined in

types/index.d.ts:1806 (opens new window)

# first

▸ first(): false | Point

# Returns

false | Point

# Defined in

types/index.d.ts:1966 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Point

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Point

# Inherited from

VisualElement.getCenterPoint

# Defined in

types/index.d.ts:1810 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<T, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends keyof T[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<T, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getRange

▸ Optional getRange(axis): number

# Parameters

Name Type
axis "x" | "y"

# Returns

number

# Inherited from

VisualElement.getRange

# Defined in

types/index.d.ts:1811 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inRange

# Defined in

types/index.d.ts:1807 (opens new window)

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inXRange

# Defined in

types/index.d.ts:1808 (opens new window)

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Inherited from

VisualElement.inYRange

# Defined in

types/index.d.ts:1809 (opens new window)

# interpolate

▸ interpolate(point, property): Point | Point[]

# Parameters

Name Type
point Point
property "x" | "y"

# Returns

Point | Point[]

# Defined in

types/index.d.ts:1968 (opens new window)

# last

▸ last(): false | Point

# Returns

false | Point

# Defined in

types/index.d.ts:1967 (opens new window)

# path

▸ path(ctx): boolean

# Parameters

Name Type
ctx CanvasRenderingContext2D

# Returns

boolean

# Defined in

types/index.d.ts:1970 (opens new window)

# pathSegment

▸ pathSegment(ctx, segment, params): boolean

# Parameters

Name Type
ctx CanvasRenderingContext2D
segment Segment
params AnyObject

# Returns

boolean

# Defined in

types/index.d.ts:1969 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# updateControlPoints

▸ updateControlPoints(chartArea, indexAxis?): void

# Parameters

Name Type
chartArea ChartArea
indexAxis? "x" | "y"

# Returns

void

# Defined in

types/index.d.ts:1963 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LineHoverOptions.html b/docs/master/api/interfaces/LineHoverOptions.html index fcb31f9724..4a137dc745 100644 --- a/docs/master/api/interfaces/LineHoverOptions.html +++ b/docs/master/api/interfaces/LineHoverOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LineHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderCapStyle

• hoverBorderCapStyle: CanvasLineCap

# Defined in

types/index.d.ts:1954 (opens new window)

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: number[]

# Defined in

types/index.d.ts:1955 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: number

# Defined in

types/index.d.ts:1956 (opens new window)

# hoverBorderJoinStyle

• hoverBorderJoinStyle: CanvasLineJoin

# Defined in

types/index.d.ts:1957 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

+ (opens new window)

# Interface: LineHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderCapStyle

• hoverBorderCapStyle: CanvasLineCap

# Defined in

types/index.d.ts:1954 (opens new window)

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: number[]

# Defined in

types/index.d.ts:1955 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: number

# Defined in

types/index.d.ts:1956 (opens new window)

# hoverBorderJoinStyle

• hoverBorderJoinStyle: CanvasLineJoin

# Defined in

types/index.d.ts:1957 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LineOptions.html b/docs/master/api/interfaces/LineOptions.html index 570a9a8838..abe76bc993 100644 --- a/docs/master/api/interfaces/LineOptions.html +++ b/docs/master/api/interfaces/LineOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LineOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

CommonElementOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderCapStyle

• borderCapStyle: CanvasLineCap

Line cap style. See MDN.

Default

'butt'

# Defined in

types/index.d.ts:1897 (opens new window)

# borderColor

• borderColor: Color

# Inherited from

CommonElementOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: number[]

Line dash. See MDN.

Default

[]

# Defined in

types/index.d.ts:1902 (opens new window)

# borderDashOffset

• borderDashOffset: number

Line dash offset. See MDN.

Default

0.0

# Defined in

types/index.d.ts:1907 (opens new window)

# borderJoinStyle

• borderJoinStyle: CanvasLineJoin

Line join style. See MDN.

Default

'miter'

# Defined in

types/index.d.ts:1912 (opens new window)

# borderWidth

• borderWidth: number

# Inherited from

CommonElementOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# capBezierPoints

• capBezierPoints: boolean

true to keep Bézier control inside the chart, false for no restriction.

Default

true

# Defined in

types/index.d.ts:1917 (opens new window)

# cubicInterpolationMode

• cubicInterpolationMode: "default" | "monotone"

Interpolation mode to apply.

Default

'default'

# Defined in

types/index.d.ts:1922 (opens new window)

# fill

• fill: FillTarget | ComplexFillTarget

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Defined in

types/index.d.ts:1936 (opens new window)

# segment

• segment: Object

# Type declaration

Name Type
backgroundColor Scriptable<Color, ScriptableLineSegmentContext>
borderCapStyle Scriptable<CanvasLineCap, ScriptableLineSegmentContext>
borderColor Scriptable<Color, ScriptableLineSegmentContext>
borderDash Scriptable<number[], ScriptableLineSegmentContext>
borderDashOffset Scriptable<number, ScriptableLineSegmentContext>
borderJoinStyle Scriptable<CanvasLineJoin, ScriptableLineSegmentContext>
borderWidth Scriptable<number, ScriptableLineSegmentContext>

# Defined in

types/index.d.ts:1942 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

# Defined in

types/index.d.ts:1940 (opens new window)

# stepped

• stepped: boolean | "middle" | "after" | "before"

true to show the line as a stepped line (tension will be ignored).

Default

false

# Defined in

types/index.d.ts:1932 (opens new window)

# tension

• tension: number

Bézier curve tension (0 for no Bézier curves).

Default

0

# Defined in

types/index.d.ts:1927 (opens new window)

+ (opens new window)

# Interface: LineOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

CommonElementOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderCapStyle

• borderCapStyle: CanvasLineCap

Line cap style. See MDN.

Default

'butt'

# Defined in

types/index.d.ts:1897 (opens new window)

# borderColor

• borderColor: Color

# Inherited from

CommonElementOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: number[]

Line dash. See MDN.

Default

[]

# Defined in

types/index.d.ts:1902 (opens new window)

# borderDashOffset

• borderDashOffset: number

Line dash offset. See MDN.

Default

0.0

# Defined in

types/index.d.ts:1907 (opens new window)

# borderJoinStyle

• borderJoinStyle: CanvasLineJoin

Line join style. See MDN.

Default

'miter'

# Defined in

types/index.d.ts:1912 (opens new window)

# borderWidth

• borderWidth: number

# Inherited from

CommonElementOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# capBezierPoints

• capBezierPoints: boolean

true to keep Bézier control inside the chart, false for no restriction.

Default

true

# Defined in

types/index.d.ts:1917 (opens new window)

# cubicInterpolationMode

• cubicInterpolationMode: "default" | "monotone"

Interpolation mode to apply.

Default

'default'

# Defined in

types/index.d.ts:1922 (opens new window)

# fill

• fill: FillTarget | ComplexFillTarget

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Defined in

types/index.d.ts:1936 (opens new window)

# segment

• segment: Object

# Type declaration

Name Type
backgroundColor Scriptable<Color, ScriptableLineSegmentContext>
borderCapStyle Scriptable<CanvasLineCap, ScriptableLineSegmentContext>
borderColor Scriptable<Color, ScriptableLineSegmentContext>
borderDash Scriptable<number[], ScriptableLineSegmentContext>
borderDashOffset Scriptable<number, ScriptableLineSegmentContext>
borderJoinStyle Scriptable<CanvasLineJoin, ScriptableLineSegmentContext>
borderWidth Scriptable<number, ScriptableLineSegmentContext>

# Defined in

types/index.d.ts:1942 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

# Defined in

types/index.d.ts:1940 (opens new window)

# stepped

• stepped: boolean | "middle" | "after" | "before"

true to show the line as a stepped line (tension will be ignored).

Default

false

# Defined in

types/index.d.ts:1932 (opens new window)

# tension

• tension: number

Bézier curve tension (0 for no Bézier curves).

Default

0

# Defined in

types/index.d.ts:1927 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/LineProps.html b/docs/master/api/interfaces/LineProps.html index 7c96dd347b..1c9bdcf405 100644 --- a/docs/master/api/interfaces/LineProps.html +++ b/docs/master/api/interfaces/LineProps.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: LineProps

# Properties

# points

• points: Point[]

# Defined in

types/index.d.ts:1889 (opens new window)

+ (opens new window)

# Interface: LineProps

# Properties

# points

• points: Point[]

# Defined in

types/index.d.ts:1889 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ParsingOptions.html b/docs/master/api/interfaces/ParsingOptions.html index adc63f8e0c..0d412d264f 100644 --- a/docs/master/api/interfaces/ParsingOptions.html +++ b/docs/master/api/interfaces/ParsingOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ParsingOptions

# Hierarchy

# Properties

# 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.

# Defined in

types/index.d.ts:63 (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.

# Defined in

types/index.d.ts:54 (opens new window)

+ (opens new window)

# Interface: ParsingOptions

# Hierarchy

# Properties

# 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.

# Defined in

types/index.d.ts:63 (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.

# Defined in

types/index.d.ts:54 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/Plugin.html b/docs/master/api/interfaces/Plugin.html index 0ff0c30839..d1dbb62b69 100644 --- a/docs/master/api/interfaces/Plugin.html +++ b/docs/master/api/interfaces/Plugin.html @@ -7,7 +7,7 @@ - + @@ -39,30 +39,30 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: Plugin<TType, O>

# Type parameters

Name Type
TType extends ChartType = ChartType
O AnyObject

# Hierarchy

# Properties

# defaults

• Optional defaults: Partial<O>

Default options used in the plugin

# Defined in

types/index.d.ts:1122 (opens new window)

# events

• Optional events: keyof HTMLElementEventMap[]

The events option defines the browser events that the plugin should listen.

Default

['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']

# Defined in

types/index.d.ts:823 (opens new window)

# id

• id: string

# Defined in

types/index.d.ts:817 (opens new window)

# Methods

# afterBuildTicks

▸ Optional afterBuildTicks(chart, args, options): void

Desc

Called after scale has build its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:982 (opens new window)

# afterDataLimits

▸ Optional afterDataLimits(chart, args, options): void

Desc

Called after scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:966 (opens new window)

# afterDatasetDraw

▸ Optional afterDatasetDraw(chart, args, options): void

Desc

Called after the chart datasets at the given args.index have been drawn + (opens new window)

# Interface: Plugin<TType, O>

# Type parameters

Name Type
TType extends ChartType = ChartType
O AnyObject

# Hierarchy

# Properties

# defaults

• Optional defaults: Partial<O>

Default options used in the plugin

# Defined in

types/index.d.ts:1122 (opens new window)

# events

• Optional events: keyof HTMLElementEventMap[]

The events option defines the browser events that the plugin should listen.

Default

['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']

# Defined in

types/index.d.ts:823 (opens new window)

# id

• id: string

# Defined in

types/index.d.ts:817 (opens new window)

# Methods

# afterBuildTicks

▸ Optional afterBuildTicks(chart, args, options): void

Desc

Called after scale has build its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:982 (opens new window)

# afterDataLimits

▸ Optional afterDataLimits(chart, args, options): void

Desc

Called after scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:966 (opens new window)

# afterDatasetDraw

▸ Optional afterDatasetDraw(chart, args, options): void

Desc

Called after the chart datasets at the given args.index have been drawn (datasets are drawn in the reverse order). Note that this hook will not be called -if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1064 (opens new window)

# afterDatasetUpdate

▸ Optional afterDatasetUpdate(chart, args, options): void

Desc

Called after the chart datasets at the given args.index has been updated. Note -that this hook will not be called if the datasets update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:941 (opens new window)

# afterDatasetsDraw

▸ Optional afterDatasetsDraw(chart, args, options, cancelable): void

Desc

Called after the chart datasets have been drawn. Note that this hook -will not be called if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.
cancelable false -

# Returns

void

# Defined in

types/index.d.ts:1041 (opens new window)

# afterDatasetsUpdate

▸ Optional afterDatasetsUpdate(chart, args, options): void

Desc

Called after the chart datasets have been updated. Note that this hook -will not be called if the datasets update has been previously cancelled.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:918 (opens new window)

# afterDestroy

▸ Optional afterDestroy(chart, args, options): void

Called after the chart has been destroyed.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1109 (opens new window)

# afterDraw

▸ Optional afterDraw(chart, args, options): void

Desc

Called after the chart has been drawn. Note that this hook will not be called -if the drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1024 (opens new window)

# afterEvent

▸ Optional afterEvent(chart, args, options): void

Desc

Called after the event has been consumed. Note that this hook -will not be called if the event has been previously discarded.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.changed? boolean Set to true if the plugin needs a render. Should only be changed to true, because this args object is passed through all plugins.
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1087 (opens new window)

# afterInit

▸ Optional afterInit(chart, args, options): void

Desc

Called after chart has been initialized and before the first update.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:862 (opens new window)

# afterLayout

▸ Optional afterLayout(chart, args, options): void

Desc

Called after the chart has been laid out. Note that this hook will not -be called if the layout update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:990 (opens new window)

# afterRender

▸ Optional afterRender(chart, args, options): void

Desc

Called after the chart has been fully rendered (and animation completed). Note -that this hook will not be called if the rendering has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1007 (opens new window)

# afterTooltipDraw

▸ Optional afterTooltipDraw(chart, args, options): void

Desc

Called after drawing the tooltip. Note that this hook will not -be called if the tooltip drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.tooltip TooltipModel<TType> The tooltip.
options O The plugin options.

# Returns

void

# Inherited from

ExtendedPlugin.afterTooltipDraw

# Defined in

types/index.d.ts:2711 (opens new window)

# afterUpdate

▸ Optional afterUpdate(chart, args, options): void

Desc

Called after chart has been updated and before rendering. Note that this -hook will not be called if the chart update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:881 (opens new window)

# beforeBuildTicks

▸ Optional beforeBuildTicks(chart, args, options): void

Desc

Called before scale builds its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:974 (opens new window)

# beforeDataLimits

▸ Optional beforeDataLimits(chart, args, options): void

Desc

Called before scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:958 (opens new window)

# beforeDatasetDraw

▸ Optional beforeDatasetDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart dataset at the given args.index (datasets +if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1064 (opens new window)

# afterDatasetUpdate

▸ Optional afterDatasetUpdate(chart, args, options): void

Desc

Called after the chart datasets at the given args.index has been updated. Note +that this hook will not be called if the datasets update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:941 (opens new window)

# afterDatasetsDraw

▸ Optional afterDatasetsDraw(chart, args, options, cancelable): void

Desc

Called after the chart datasets have been drawn. Note that this hook +will not be called if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.
cancelable false -

# Returns

void

# Defined in

types/index.d.ts:1041 (opens new window)

# afterDatasetsUpdate

▸ Optional afterDatasetsUpdate(chart, args, options): void

Desc

Called after the chart datasets have been updated. Note that this hook +will not be called if the datasets update has been previously cancelled.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:918 (opens new window)

# afterDestroy

▸ Optional afterDestroy(chart, args, options): void

Called after the chart has been destroyed.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1109 (opens new window)

# afterDraw

▸ Optional afterDraw(chart, args, options): void

Desc

Called after the chart has been drawn. Note that this hook will not be called +if the drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1024 (opens new window)

# afterEvent

▸ Optional afterEvent(chart, args, options): void

Desc

Called after the event has been consumed. Note that this hook +will not be called if the event has been previously discarded.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.changed? boolean Set to true if the plugin needs a render. Should only be changed to true, because this args object is passed through all plugins.
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1087 (opens new window)

# afterInit

▸ Optional afterInit(chart, args, options): void

Desc

Called after chart has been initialized and before the first update.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:862 (opens new window)

# afterLayout

▸ Optional afterLayout(chart, args, options): void

Desc

Called after the chart has been laid out. Note that this hook will not +be called if the layout update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:990 (opens new window)

# afterRender

▸ Optional afterRender(chart, args, options): void

Desc

Called after the chart has been fully rendered (and animation completed). Note +that this hook will not be called if the rendering has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1007 (opens new window)

# afterTooltipDraw

▸ Optional afterTooltipDraw(chart, args, options): void

Desc

Called after drawing the tooltip. Note that this hook will not +be called if the tooltip drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.tooltip TooltipModel<TType> The tooltip.
options O The plugin options.

# Returns

void

# Inherited from

ExtendedPlugin.afterTooltipDraw

# Defined in

types/index.d.ts:2711 (opens new window)

# afterUpdate

▸ Optional afterUpdate(chart, args, options): void

Desc

Called after chart has been updated and before rendering. Note that this +hook will not be called if the chart update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:881 (opens new window)

# beforeBuildTicks

▸ Optional beforeBuildTicks(chart, args, options): void

Desc

Called before scale builds its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:974 (opens new window)

# beforeDataLimits

▸ Optional beforeDataLimits(chart, args, options): void

Desc

Called before scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:958 (opens new window)

# beforeDatasetDraw

▸ Optional beforeDatasetDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart dataset at the given args.index (datasets are drawn in the reverse order). If any plugin returns false, the datasets drawing -is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Defined in

types/index.d.ts:1053 (opens new window)

# beforeDatasetUpdate

▸ Optional beforeDatasetUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart dataset at the given args.index. If any plugin -returns false, the datasets update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Defined in

types/index.d.ts:930 (opens new window)

# beforeDatasetsDraw

▸ Optional beforeDatasetsDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart datasets. If any plugin returns false, -the datasets drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Defined in

types/index.d.ts:1033 (opens new window)

# beforeDatasetsUpdate

▸ Optional beforeDatasetsUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart datasets. If any plugin returns false, -the datasets update is cancelled until another update is triggered.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

boolean | void

false to cancel the datasets update.

# Defined in

types/index.d.ts:908 (opens new window)

# beforeDestroy

▸ Optional beforeDestroy(chart, args, options): void

Called before the chart is being destroyed.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1102 (opens new window)

# beforeDraw

▸ Optional beforeDraw(chart, args, options): boolean | void

Desc

Called before drawing chart at every animation frame. If any plugin returns false, -the frame drawing is cancelled untilanother render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart drawing.

# Defined in

types/index.d.ts:1016 (opens new window)

# beforeElementsUpdate

▸ Optional beforeElementsUpdate(chart, args, options): void

Desc

Called during the update process, before any chart elements have been created. -This can be used for data decimation by changing the data array inside a dataset.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:889 (opens new window)

# beforeEvent

▸ Optional beforeEvent(chart, args, options): boolean | void

Desc

Called before processing the specified event. If any plugin returns false, -the event will be discarded.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options O The plugin options.

# Returns

boolean | void

# Defined in

types/index.d.ts:1075 (opens new window)

# beforeInit

▸ Optional beforeInit(chart, args, options): void

Desc

Called before initializing chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:855 (opens new window)

# beforeLayout

▸ Optional beforeLayout(chart, args, options): boolean | void

Desc

Called before laying out chart. If any plugin returns false, -the layout update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart layout.

# Defined in

types/index.d.ts:950 (opens new window)

# beforeRender

▸ Optional beforeRender(chart, args, options): boolean | void

Desc

Called before rendering chart. If any plugin returns false, -the rendering is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart rendering.

# Defined in

types/index.d.ts:999 (opens new window)

# beforeTooltipDraw

▸ Optional beforeTooltipDraw(chart, args, options): boolean | void

Desc

Called before drawing the tooltip. If any plugin returns false, -the tooltip drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.tooltip TooltipModel<TType> The tooltip.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart tooltip drawing.

# Inherited from

ExtendedPlugin.beforeTooltipDraw

# Defined in

types/index.d.ts:2702 (opens new window)

# beforeUpdate

▸ Optional beforeUpdate(chart, args, options): boolean | void

Desc

Called before updating chart. If any plugin returns false, the update -is cancelled (and thus subsequent render(s)) until another update is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options O The plugin options.

# Returns

boolean | void

false to cancel the chart update.

# Defined in

types/index.d.ts:872 (opens new window)

# install

▸ Optional install(chart, args, options): void

Desc

Called when plugin is installed for this chart instance. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:832 (opens new window)

# reset

▸ Optional reset(chart, args, options): void

Desc

Called during chart reset

Since

version 3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:897 (opens new window)

# resize

▸ Optional resize(chart, args, options): void

Desc

Called after the chart as been resized.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.size Object The new canvas display size (eq. canvas.style width & height).
args.size.height number -
args.size.width number -
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1095 (opens new window)

# start

▸ Optional start(chart, args, options): void

Desc

Called when a plugin is starting. This happens when chart is created or plugin is enabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:840 (opens new window)

# stop

▸ Optional stop(chart, args, options): void

Desc

Called when a plugin stopping. This happens when chart is destroyed or plugin is disabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:848 (opens new window)

# uninstall

▸ Optional uninstall(chart, args, options): void

Called after chart is destroyed on all plugins that were installed for that chart. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1117 (opens new window)

+is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Defined in

types/index.d.ts:1053 (opens new window)

# beforeDatasetUpdate

▸ Optional beforeDatasetUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart dataset at the given args.index. If any plugin +returns false, the datasets update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Defined in

types/index.d.ts:930 (opens new window)

# beforeDatasetsDraw

▸ Optional beforeDatasetsDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart datasets. If any plugin returns false, +the datasets drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Defined in

types/index.d.ts:1033 (opens new window)

# beforeDatasetsUpdate

▸ Optional beforeDatasetsUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart datasets. If any plugin returns false, +the datasets update is cancelled until another update is triggered.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options O The plugin options.

# Returns

boolean | void

false to cancel the datasets update.

# Defined in

types/index.d.ts:908 (opens new window)

# beforeDestroy

▸ Optional beforeDestroy(chart, args, options): void

Called before the chart is being destroyed.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1102 (opens new window)

# beforeDraw

▸ Optional beforeDraw(chart, args, options): boolean | void

Desc

Called before drawing chart at every animation frame. If any plugin returns false, +the frame drawing is cancelled untilanother render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart drawing.

# Defined in

types/index.d.ts:1016 (opens new window)

# beforeElementsUpdate

▸ Optional beforeElementsUpdate(chart, args, options): void

Desc

Called during the update process, before any chart elements have been created. +This can be used for data decimation by changing the data array inside a dataset.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:889 (opens new window)

# beforeEvent

▸ Optional beforeEvent(chart, args, options): boolean | void

Desc

Called before processing the specified event. If any plugin returns false, +the event will be discarded.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options O The plugin options.

# Returns

boolean | void

# Defined in

types/index.d.ts:1075 (opens new window)

# beforeInit

▸ Optional beforeInit(chart, args, options): void

Desc

Called before initializing chart.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:855 (opens new window)

# beforeLayout

▸ Optional beforeLayout(chart, args, options): boolean | void

Desc

Called before laying out chart. If any plugin returns false, +the layout update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart layout.

# Defined in

types/index.d.ts:950 (opens new window)

# beforeRender

▸ Optional beforeRender(chart, args, options): boolean | void

Desc

Called before rendering chart. If any plugin returns false, +the rendering is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options O The plugin options.

# Returns

boolean | void

false to cancel the chart rendering.

# Defined in

types/index.d.ts:999 (opens new window)

# beforeTooltipDraw

▸ Optional beforeTooltipDraw(chart, args, options): boolean | void

Desc

Called before drawing the tooltip. If any plugin returns false, +the tooltip drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.tooltip TooltipModel<TType> The tooltip.
options O The plugin options.

# Returns

boolean | void

false to cancel the chart tooltip drawing.

# Inherited from

ExtendedPlugin.beforeTooltipDraw

# Defined in

types/index.d.ts:2702 (opens new window)

# beforeUpdate

▸ Optional beforeUpdate(chart, args, options): boolean | void

Desc

Called before updating chart. If any plugin returns false, the update +is cancelled (and thus subsequent render(s)) until another update is triggered.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options O The plugin options.

# Returns

boolean | void

false to cancel the chart update.

# Defined in

types/index.d.ts:872 (opens new window)

# install

▸ Optional install(chart, args, options): void

Desc

Called when plugin is installed for this chart instance. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:832 (opens new window)

# reset

▸ Optional reset(chart, args, options): void

Desc

Called during chart reset

Since

version 3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:897 (opens new window)

# resize

▸ Optional resize(chart, args, options): void

Desc

Called after the chart as been resized.

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args Object The call arguments.
args.size Object The new canvas display size (eq. canvas.style width & height).
args.size.height number -
args.size.width number -
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1095 (opens new window)

# start

▸ Optional start(chart, args, options): void

Desc

Called when a plugin is starting. This happens when chart is created or plugin is enabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:840 (opens new window)

# stop

▸ Optional stop(chart, args, options): void

Desc

Called when a plugin stopping. This happens when chart is destroyed or plugin is disabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:848 (opens new window)

# uninstall

▸ Optional uninstall(chart, args, options): void

Called after chart is destroyed on all plugins that were installed for that chart. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown> The chart instance.
args EmptyObject The call arguments.
options O The plugin options.

# Returns

void

# Defined in

types/index.d.ts:1117 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PluginChartOptions.html b/docs/master/api/interfaces/PluginChartOptions.html index 2b74414001..57d37e5fa7 100644 --- a/docs/master/api/interfaces/PluginChartOptions.html +++ b/docs/master/api/interfaces/PluginChartOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PluginChartOptions<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# plugins

• plugins: PluginOptionsByType<TType>

# Defined in

types/index.d.ts:2956 (opens new window)

+ (opens new window)

# Interface: PluginChartOptions<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# plugins

• plugins: PluginOptionsByType<TType>

# Defined in

types/index.d.ts:2956 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PluginOptionsByType.html b/docs/master/api/interfaces/PluginOptionsByType.html index 1521cd67fb..b8d76cbc90 100644 --- a/docs/master/api/interfaces/PluginOptionsByType.html +++ b/docs/master/api/interfaces/PluginOptionsByType.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PluginOptionsByType<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# colors

• colors: ColorsPluginOptions

# Defined in

types/index.d.ts:2947 (opens new window)

# decimation

• decimation: DecimationOptions

# Defined in

types/index.d.ts:2948 (opens new window)

# filler

• filler: FillerOptions

# Defined in

types/index.d.ts:2949 (opens new window)

# legend

• legend: LegendOptions<TType>

# Defined in

types/index.d.ts:2950 (opens new window)

# subtitle

• subtitle: TitleOptions

# Defined in

types/index.d.ts:2951 (opens new window)

# title

• title: TitleOptions

# Defined in

types/index.d.ts:2952 (opens new window)

# tooltip

• tooltip: TooltipOptions<TType>

# Defined in

types/index.d.ts:2953 (opens new window)

+ (opens new window)

# Interface: PluginOptionsByType<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# colors

• colors: ColorsPluginOptions

# Defined in

types/index.d.ts:2947 (opens new window)

# decimation

• decimation: DecimationOptions

# Defined in

types/index.d.ts:2948 (opens new window)

# filler

• filler: FillerOptions

# Defined in

types/index.d.ts:2949 (opens new window)

# legend

• legend: LegendOptions<TType>

# Defined in

types/index.d.ts:2950 (opens new window)

# subtitle

• subtitle: TitleOptions

# Defined in

types/index.d.ts:2951 (opens new window)

# title

• title: TitleOptions

# Defined in

types/index.d.ts:2952 (opens new window)

# tooltip

• tooltip: TooltipOptions<TType>

# Defined in

types/index.d.ts:2953 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/Point.html b/docs/master/api/interfaces/Point.html index ff6b8be50d..1a3dd4522b 100644 --- a/docs/master/api/interfaces/Point.html +++ b/docs/master/api/interfaces/Point.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: Point

# Hierarchy

# Properties

# x

• x: number

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Defined in

types/geometric.d.ts:12 (opens new window)

+ (opens new window)

# Interface: Point

# Hierarchy

# Properties

# x

• x: number

# Defined in

types/geometric.d.ts:11 (opens new window)

# y

• y: number

# Defined in

types/geometric.d.ts:12 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PointHoverOptions.html b/docs/master/api/interfaces/PointHoverOptions.html index 002a0e1e73..faddc592ab 100644 --- a/docs/master/api/interfaces/PointHoverOptions.html +++ b/docs/master/api/interfaces/PointHoverOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PointHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverRadius

• hoverRadius: number

Point radius when hovered.

Default

4

# Defined in

types/index.d.ts:2026 (opens new window)

+ (opens new window)

# Interface: PointHoverOptions

# Hierarchy

# Properties

# hoverBackgroundColor

• hoverBackgroundColor: Color

# Inherited from

CommonHoverOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: Color

# Inherited from

CommonHoverOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: number

# Inherited from

CommonHoverOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverRadius

• hoverRadius: number

Point radius when hovered.

Default

4

# Defined in

types/index.d.ts:2026 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PointOptions.html b/docs/master/api/interfaces/PointOptions.html index f1cad635a2..8571375aea 100644 --- a/docs/master/api/interfaces/PointOptions.html +++ b/docs/master/api/interfaces/PointOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PointOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

CommonElementOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderColor

• borderColor: Color

# Inherited from

CommonElementOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderWidth

• borderWidth: number

# Inherited from

CommonElementOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# drawActiveElementsOnTop

• drawActiveElementsOnTop: boolean

Draw the active elements over the other elements of the dataset,

Default

true

# Defined in

types/index.d.ts:2018 (opens new window)

# hitRadius

• hitRadius: number

Extra radius added to point radius for hit detection.

Default

1

# Defined in

types/index.d.ts:2003 (opens new window)

# pointStyle

• pointStyle: PointStyle

Point style

Default

'circle;

# Defined in

types/index.d.ts:2008 (opens new window)

# radius

• radius: number

Point radius

Default

3

# Defined in

types/index.d.ts:1998 (opens new window)

# rotation

• rotation: number

Point rotation (in degrees).

Default

0

# Defined in

types/index.d.ts:2013 (opens new window)

+ (opens new window)

# Interface: PointOptions

# Hierarchy

# Properties

# backgroundColor

• backgroundColor: Color

# Inherited from

CommonElementOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderColor

• borderColor: Color

# Inherited from

CommonElementOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderWidth

• borderWidth: number

# Inherited from

CommonElementOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# drawActiveElementsOnTop

• drawActiveElementsOnTop: boolean

Draw the active elements over the other elements of the dataset,

Default

true

# Defined in

types/index.d.ts:2018 (opens new window)

# hitRadius

• hitRadius: number

Extra radius added to point radius for hit detection.

Default

1

# Defined in

types/index.d.ts:2003 (opens new window)

# pointStyle

• pointStyle: PointStyle

Point style

Default

'circle;

# Defined in

types/index.d.ts:2008 (opens new window)

# radius

• radius: number

Point radius

Default

3

# Defined in

types/index.d.ts:1998 (opens new window)

# rotation

• rotation: number

Point rotation (in degrees).

Default

0

# Defined in

types/index.d.ts:2013 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PointPrefixedHoverOptions.html b/docs/master/api/interfaces/PointPrefixedHoverOptions.html index 5bf78ef693..f0512ee3d6 100644 --- a/docs/master/api/interfaces/PointPrefixedHoverOptions.html +++ b/docs/master/api/interfaces/PointPrefixedHoverOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PointPrefixedHoverOptions

# Properties

# pointHoverBackgroundColor

• pointHoverBackgroundColor: Color

Point background color when hovered.

# Defined in

types/index.d.ts:2064 (opens new window)

# pointHoverBorderColor

• pointHoverBorderColor: Color

Point border color when hovered.

# Defined in

types/index.d.ts:2068 (opens new window)

# pointHoverBorderWidth

• pointHoverBorderWidth: number

Border width of point when hovered.

# Defined in

types/index.d.ts:2072 (opens new window)

# pointHoverRadius

• pointHoverRadius: number

The radius of the point when hovered.

# Defined in

types/index.d.ts:2076 (opens new window)

+ (opens new window)

# Interface: PointPrefixedHoverOptions

# Properties

# pointHoverBackgroundColor

• pointHoverBackgroundColor: Color

Point background color when hovered.

# Defined in

types/index.d.ts:2064 (opens new window)

# pointHoverBorderColor

• pointHoverBorderColor: Color

Point border color when hovered.

# Defined in

types/index.d.ts:2068 (opens new window)

# pointHoverBorderWidth

• pointHoverBorderWidth: number

Border width of point when hovered.

# Defined in

types/index.d.ts:2072 (opens new window)

# pointHoverRadius

• pointHoverRadius: number

The radius of the point when hovered.

# Defined in

types/index.d.ts:2076 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PointPrefixedOptions.html b/docs/master/api/interfaces/PointPrefixedOptions.html index 9ace53bb61..3f3e46b6ca 100644 --- a/docs/master/api/interfaces/PointPrefixedOptions.html +++ b/docs/master/api/interfaces/PointPrefixedOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PointPrefixedOptions

# Properties

# pointBackgroundColor

• pointBackgroundColor: Color

The fill color for points.

# Defined in

types/index.d.ts:2033 (opens new window)

# pointBorderColor

• pointBorderColor: Color

The border color for points.

# Defined in

types/index.d.ts:2037 (opens new window)

# pointBorderWidth

• pointBorderWidth: number

The width of the point border in pixels.

# Defined in

types/index.d.ts:2041 (opens new window)

# pointHitRadius

• pointHitRadius: number

The pixel size of the non-displayed point that reacts to mouse events.

# Defined in

types/index.d.ts:2045 (opens new window)

# pointRadius

• pointRadius: number

The radius of the point shape. If set to 0, the point is not rendered.

# Defined in

types/index.d.ts:2049 (opens new window)

# pointRotation

• pointRotation: number

The rotation of the point in degrees.

# Defined in

types/index.d.ts:2053 (opens new window)

# pointStyle

• pointStyle: PointStyle

Style of the point.

# Defined in

types/index.d.ts:2057 (opens new window)

+ (opens new window)

# Interface: PointPrefixedOptions

# Properties

# pointBackgroundColor

• pointBackgroundColor: Color

The fill color for points.

# Defined in

types/index.d.ts:2033 (opens new window)

# pointBorderColor

• pointBorderColor: Color

The border color for points.

# Defined in

types/index.d.ts:2037 (opens new window)

# pointBorderWidth

• pointBorderWidth: number

The width of the point border in pixels.

# Defined in

types/index.d.ts:2041 (opens new window)

# pointHitRadius

• pointHitRadius: number

The pixel size of the non-displayed point that reacts to mouse events.

# Defined in

types/index.d.ts:2045 (opens new window)

# pointRadius

• pointRadius: number

The radius of the point shape. If set to 0, the point is not rendered.

# Defined in

types/index.d.ts:2049 (opens new window)

# pointRotation

• pointRotation: number

The rotation of the point in degrees.

# Defined in

types/index.d.ts:2053 (opens new window)

# pointStyle

• pointStyle: PointStyle

Style of the point.

# Defined in

types/index.d.ts:2057 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PolarAreaController.html b/docs/master/api/interfaces/PolarAreaController.html index a526953fc5..6d4a259377 100644 --- a/docs/master/api/interfaces/PolarAreaController.html +++ b/docs/master/api/interfaces/PolarAreaController.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PolarAreaController

# Hierarchy

# Properties

# _cachedMeta

• Readonly _cachedMeta: ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DoughnutController._cachedMeta

# Defined in

types/index.d.ts:592 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

DoughnutController.chart

# Defined in

types/index.d.ts:590 (opens new window)

# enableOptionSharing

• enableOptionSharing: boolean

# Inherited from

DoughnutController.enableOptionSharing

# Defined in

types/index.d.ts:593 (opens new window)

# index

• Readonly index: number

# Inherited from

DoughnutController.index

# Defined in

types/index.d.ts:591 (opens new window)

# innerRadius

• Readonly innerRadius: number

# Inherited from

DoughnutController.innerRadius

# Defined in

types/index.d.ts:341 (opens new window)

# offsetX

• Readonly offsetX: number

# Inherited from

DoughnutController.offsetX

# Defined in

types/index.d.ts:343 (opens new window)

# offsetY

• Readonly offsetY: number

# Inherited from

DoughnutController.offsetY

# Defined in

types/index.d.ts:344 (opens new window)

# outerRadius

• Readonly outerRadius: number

# Inherited from

DoughnutController.outerRadius

# Defined in

types/index.d.ts:342 (opens new window)

# supportsDecimation

• supportsDecimation: boolean

# Inherited from

DoughnutController.supportsDecimation

# Defined in

types/index.d.ts:597 (opens new window)

# Methods

# addElements

▸ addElements(): void

# Returns

void

# Inherited from

DoughnutController.addElements

# Defined in

types/index.d.ts:613 (opens new window)

# applyStack

▸ Protected applyStack(scale, parsed): number

# Parameters

Name Type
scale Scale<CoreScaleOptions>
parsed unknown[]

# Returns

number

# Inherited from

DoughnutController.applyStack

# Defined in

types/index.d.ts:649 (opens new window)

# buildOrUpdateElements

▸ buildOrUpdateElements(resetNewElements?): void

# Parameters

Name Type
resetNewElements? boolean

# Returns

void

# Inherited from

DoughnutController.buildOrUpdateElements

# Defined in

types/index.d.ts:614 (opens new window)

# calculateCircumference

▸ calculateCircumference(value): number

# Parameters

Name Type
value number

# Returns

number

# Inherited from

DoughnutController.calculateCircumference

# Defined in

types/index.d.ts:347 (opens new window)

# calculateTotal

▸ calculateTotal(): number

# Returns

number

# Inherited from

DoughnutController.calculateTotal

# Defined in

types/index.d.ts:346 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

DoughnutController.configure

# Defined in

types/index.d.ts:611 (opens new window)

# countVisibleElements

▸ countVisibleElements(): number

# Returns

number

# Defined in

types/index.d.ts:393 (opens new window)

# draw

▸ draw(): void

# Returns

void

# Inherited from

DoughnutController.draw

# Defined in

types/index.d.ts:606 (opens new window)

# getAllParsedValues

▸ getAllParsedValues(scale): number[]

# Parameters

Name Type
scale Scale<CoreScaleOptions>

# Returns

number[]

# Inherited from

DoughnutController.getAllParsedValues

# Defined in

types/index.d.ts:600 (opens new window)

# getDataset

▸ getDataset(): ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Returns

ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Inherited from

DoughnutController.getDataset

# Defined in

types/index.d.ts:608 (opens new window)

# getLabelAndValue

▸ Protected getLabelAndValue(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
label string
value string

# Inherited from

DoughnutController.getLabelAndValue

# Defined in

types/index.d.ts:601 (opens new window)

# getMaxOverflow

▸ Protected getMaxOverflow(): number | boolean

# Returns

number | boolean

# Inherited from

DoughnutController.getMaxOverflow

# Defined in

types/index.d.ts:605 (opens new window)

# getMeta

▸ getMeta(): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DoughnutController.getMeta

# Defined in

types/index.d.ts:609 (opens new window)

# getMinMax

▸ Protected getMinMax(scale, canStack?): Object

# Parameters

Name Type
scale Scale<CoreScaleOptions>
canStack? boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

DoughnutController.getMinMax

# Defined in

types/index.d.ts:656 (opens new window)

# getParsed

▸ Protected getParsed(index): number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Parameters

Name Type
index number

# Returns

number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Inherited from

DoughnutController.getParsed

# Defined in

types/index.d.ts:648 (opens new window)

# getScaleForId

▸ getScaleForId(scaleID): Scale<CoreScaleOptions>

# Parameters

Name Type
scaleID string

# Returns

Scale<CoreScaleOptions>

# Inherited from

DoughnutController.getScaleForId

# Defined in

types/index.d.ts:610 (opens new window)

# getSharedOptions

▸ Protected getSharedOptions(options): AnyObject

Utility for checking if the options are shared and should be animated separately.

# Parameters

Name Type
options AnyObject

# Returns

AnyObject

# Inherited from

DoughnutController.getSharedOptions

# Defined in

types/index.d.ts:623 (opens new window)

# getStyle

▸ getStyle(index, active): AnyObject

# Parameters

Name Type
index number
active boolean

# Returns

AnyObject

# Inherited from

DoughnutController.getStyle

# Defined in

types/index.d.ts:616 (opens new window)

# includeOptions

▸ Protected includeOptions(mode, sharedOptions): boolean

Utility for determining if options should be included in the updated properties

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
sharedOptions AnyObject

# Returns

boolean

# Inherited from

DoughnutController.includeOptions

# Defined in

types/index.d.ts:628 (opens new window)

# initialize

▸ initialize(): void

# Returns

void

# Inherited from

DoughnutController.initialize

# Defined in

types/index.d.ts:612 (opens new window)

# linkScales

▸ linkScales(): void

# Returns

void

# Inherited from

DoughnutController.linkScales

# Defined in

types/index.d.ts:599 (opens new window)

# parse

▸ parse(start, count): void

# Parameters

Name Type
start number
count number

# Returns

void

# Inherited from

DoughnutController.parse

# Defined in

types/index.d.ts:644 (opens new window)

# parseArrayData

▸ Protected parseArrayData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DoughnutController.parseArrayData

# Defined in

types/index.d.ts:646 (opens new window)

# parseObjectData

▸ Protected parseObjectData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DoughnutController.parseObjectData

# Defined in

types/index.d.ts:647 (opens new window)

# parsePrimitiveData

▸ Protected parsePrimitiveData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DoughnutController.parsePrimitiveData

# Defined in

types/index.d.ts:645 (opens new window)

# removeHoverStyle

▸ removeHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DoughnutController.removeHoverStyle

# Defined in

types/index.d.ts:641 (opens new window)

# reset

▸ reset(): void

# Returns

void

# Inherited from

DoughnutController.reset

# Defined in

types/index.d.ts:607 (opens new window)

# resolveDataElementOptions

▸ Protected resolveDataElementOptions(index, mode): AnyObject

# Parameters

Name Type
index number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DoughnutController.resolveDataElementOptions

# Defined in

types/index.d.ts:618 (opens new window)

# resolveDatasetElementOptions

▸ Protected resolveDatasetElementOptions(mode): AnyObject

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DoughnutController.resolveDatasetElementOptions

# Defined in

types/index.d.ts:617 (opens new window)

# setHoverStyle

▸ setHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DoughnutController.setHoverStyle

# Defined in

types/index.d.ts:642 (opens new window)

# update

▸ update(mode): void

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DoughnutController.update

# Defined in

types/index.d.ts:603 (opens new window)

# updateElement

▸ Protected updateElement(element, index, properties, mode): void

Utility for updating an element with new properties, using animations when appropriate.

# Parameters

Name Type
element default<AnyObject, AnyObject>
index number
properties AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DoughnutController.updateElement

# Defined in

types/index.d.ts:634 (opens new window)

# updateElements

▸ updateElements(elements, start, count, mode): void

# Parameters

Name Type
elements default<AnyObject, AnyObject>[]
start number
count number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DoughnutController.updateElements

# Defined in

types/index.d.ts:602 (opens new window)

# updateIndex

▸ updateIndex(datasetIndex): void

# Parameters

Name Type
datasetIndex number

# Returns

void

# Inherited from

DoughnutController.updateIndex

# Defined in

types/index.d.ts:604 (opens new window)

# updateRangeFromParsed

▸ Protected updateRangeFromParsed(range, scale, parsed, stack): void

# Parameters

Name Type
range Object
range.max number
range.min number
scale Scale<CoreScaleOptions>
parsed unknown[]
stack string | boolean

# Returns

void

# Inherited from

DoughnutController.updateRangeFromParsed

# Defined in

types/index.d.ts:650 (opens new window)

# updateSharedOptions

▸ Protected updateSharedOptions(sharedOptions, mode, newOptions): void

Utility to animate the shared options, that are potentially affecting multiple elements.

# Parameters

Name Type
sharedOptions AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
newOptions AnyObject

# Returns

void

# Inherited from

DoughnutController.updateSharedOptions

# Defined in

types/index.d.ts:640 (opens new window)

+ (opens new window)

# Interface: PolarAreaController

# Hierarchy

# Properties

# _cachedMeta

• Readonly _cachedMeta: ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DoughnutController._cachedMeta

# Defined in

types/index.d.ts:592 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

DoughnutController.chart

# Defined in

types/index.d.ts:590 (opens new window)

# enableOptionSharing

• enableOptionSharing: boolean

# Inherited from

DoughnutController.enableOptionSharing

# Defined in

types/index.d.ts:593 (opens new window)

# index

• Readonly index: number

# Inherited from

DoughnutController.index

# Defined in

types/index.d.ts:591 (opens new window)

# innerRadius

• Readonly innerRadius: number

# Inherited from

DoughnutController.innerRadius

# Defined in

types/index.d.ts:341 (opens new window)

# offsetX

• Readonly offsetX: number

# Inherited from

DoughnutController.offsetX

# Defined in

types/index.d.ts:343 (opens new window)

# offsetY

• Readonly offsetY: number

# Inherited from

DoughnutController.offsetY

# Defined in

types/index.d.ts:344 (opens new window)

# outerRadius

• Readonly outerRadius: number

# Inherited from

DoughnutController.outerRadius

# Defined in

types/index.d.ts:342 (opens new window)

# supportsDecimation

• supportsDecimation: boolean

# Inherited from

DoughnutController.supportsDecimation

# Defined in

types/index.d.ts:597 (opens new window)

# Methods

# addElements

▸ addElements(): void

# Returns

void

# Inherited from

DoughnutController.addElements

# Defined in

types/index.d.ts:613 (opens new window)

# applyStack

▸ Protected applyStack(scale, parsed): number

# Parameters

Name Type
scale Scale<CoreScaleOptions>
parsed unknown[]

# Returns

number

# Inherited from

DoughnutController.applyStack

# Defined in

types/index.d.ts:649 (opens new window)

# buildOrUpdateElements

▸ buildOrUpdateElements(resetNewElements?): void

# Parameters

Name Type
resetNewElements? boolean

# Returns

void

# Inherited from

DoughnutController.buildOrUpdateElements

# Defined in

types/index.d.ts:614 (opens new window)

# calculateCircumference

▸ calculateCircumference(value): number

# Parameters

Name Type
value number

# Returns

number

# Inherited from

DoughnutController.calculateCircumference

# Defined in

types/index.d.ts:347 (opens new window)

# calculateTotal

▸ calculateTotal(): number

# Returns

number

# Inherited from

DoughnutController.calculateTotal

# Defined in

types/index.d.ts:346 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

DoughnutController.configure

# Defined in

types/index.d.ts:611 (opens new window)

# countVisibleElements

▸ countVisibleElements(): number

# Returns

number

# Defined in

types/index.d.ts:393 (opens new window)

# draw

▸ draw(): void

# Returns

void

# Inherited from

DoughnutController.draw

# Defined in

types/index.d.ts:606 (opens new window)

# getAllParsedValues

▸ getAllParsedValues(scale): number[]

# Parameters

Name Type
scale Scale<CoreScaleOptions>

# Returns

number[]

# Inherited from

DoughnutController.getAllParsedValues

# Defined in

types/index.d.ts:600 (opens new window)

# getDataset

▸ getDataset(): ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Returns

ChartDataset<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[]>

# Inherited from

DoughnutController.getDataset

# Defined in

types/index.d.ts:608 (opens new window)

# getLabelAndValue

▸ Protected getLabelAndValue(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
label string
value string

# Inherited from

DoughnutController.getLabelAndValue

# Defined in

types/index.d.ts:601 (opens new window)

# getMaxOverflow

▸ Protected getMaxOverflow(): number | boolean

# Returns

number | boolean

# Inherited from

DoughnutController.getMaxOverflow

# Defined in

types/index.d.ts:605 (opens new window)

# getMeta

▸ getMeta(): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>

# Inherited from

DoughnutController.getMeta

# Defined in

types/index.d.ts:609 (opens new window)

# getMinMax

▸ Protected getMinMax(scale, canStack?): Object

# Parameters

Name Type
scale Scale<CoreScaleOptions>
canStack? boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

DoughnutController.getMinMax

# Defined in

types/index.d.ts:656 (opens new window)

# getParsed

▸ Protected getParsed(index): number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Parameters

Name Type
index number

# Returns

number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData

# Inherited from

DoughnutController.getParsed

# Defined in

types/index.d.ts:648 (opens new window)

# getScaleForId

▸ getScaleForId(scaleID): Scale<CoreScaleOptions>

# Parameters

Name Type
scaleID string

# Returns

Scale<CoreScaleOptions>

# Inherited from

DoughnutController.getScaleForId

# Defined in

types/index.d.ts:610 (opens new window)

# getSharedOptions

▸ Protected getSharedOptions(options): AnyObject

Utility for checking if the options are shared and should be animated separately.

# Parameters

Name Type
options AnyObject

# Returns

AnyObject

# Inherited from

DoughnutController.getSharedOptions

# Defined in

types/index.d.ts:623 (opens new window)

# getStyle

▸ getStyle(index, active): AnyObject

# Parameters

Name Type
index number
active boolean

# Returns

AnyObject

# Inherited from

DoughnutController.getStyle

# Defined in

types/index.d.ts:616 (opens new window)

# includeOptions

▸ Protected includeOptions(mode, sharedOptions): boolean

Utility for determining if options should be included in the updated properties

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
sharedOptions AnyObject

# Returns

boolean

# Inherited from

DoughnutController.includeOptions

# Defined in

types/index.d.ts:628 (opens new window)

# initialize

▸ initialize(): void

# Returns

void

# Inherited from

DoughnutController.initialize

# Defined in

types/index.d.ts:612 (opens new window)

# linkScales

▸ linkScales(): void

# Returns

void

# Inherited from

DoughnutController.linkScales

# Defined in

types/index.d.ts:599 (opens new window)

# parse

▸ parse(start, count): void

# Parameters

Name Type
start number
count number

# Returns

void

# Inherited from

DoughnutController.parse

# Defined in

types/index.d.ts:644 (opens new window)

# parseArrayData

▸ Protected parseArrayData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DoughnutController.parseArrayData

# Defined in

types/index.d.ts:646 (opens new window)

# parseObjectData

▸ Protected parseObjectData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DoughnutController.parseObjectData

# Defined in

types/index.d.ts:647 (opens new window)

# parsePrimitiveData

▸ Protected parsePrimitiveData(meta, data, start, count): AnyObject[]

# Parameters

Name Type
meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>
data AnyObject[]
start number
count number

# Returns

AnyObject[]

# Inherited from

DoughnutController.parsePrimitiveData

# Defined in

types/index.d.ts:645 (opens new window)

# removeHoverStyle

▸ removeHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DoughnutController.removeHoverStyle

# Defined in

types/index.d.ts:641 (opens new window)

# reset

▸ reset(): void

# Returns

void

# Inherited from

DoughnutController.reset

# Defined in

types/index.d.ts:607 (opens new window)

# resolveDataElementOptions

▸ Protected resolveDataElementOptions(index, mode): AnyObject

# Parameters

Name Type
index number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DoughnutController.resolveDataElementOptions

# Defined in

types/index.d.ts:618 (opens new window)

# resolveDatasetElementOptions

▸ Protected resolveDatasetElementOptions(mode): AnyObject

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

AnyObject

# Inherited from

DoughnutController.resolveDatasetElementOptions

# Defined in

types/index.d.ts:617 (opens new window)

# setHoverStyle

▸ setHoverStyle(element, datasetIndex, index): void

# Parameters

Name Type
element default<AnyObject, AnyObject>
datasetIndex number
index number

# Returns

void

# Inherited from

DoughnutController.setHoverStyle

# Defined in

types/index.d.ts:642 (opens new window)

# update

▸ update(mode): void

# Parameters

Name Type
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DoughnutController.update

# Defined in

types/index.d.ts:603 (opens new window)

# updateElement

▸ Protected updateElement(element, index, properties, mode): void

Utility for updating an element with new properties, using animations when appropriate.

# Parameters

Name Type
element default<AnyObject, AnyObject>
index number
properties AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DoughnutController.updateElement

# Defined in

types/index.d.ts:634 (opens new window)

# updateElements

▸ updateElements(elements, start, count, mode): void

# Parameters

Name Type
elements default<AnyObject, AnyObject>[]
start number
count number
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"

# Returns

void

# Inherited from

DoughnutController.updateElements

# Defined in

types/index.d.ts:602 (opens new window)

# updateIndex

▸ updateIndex(datasetIndex): void

# Parameters

Name Type
datasetIndex number

# Returns

void

# Inherited from

DoughnutController.updateIndex

# Defined in

types/index.d.ts:604 (opens new window)

# updateRangeFromParsed

▸ Protected updateRangeFromParsed(range, scale, parsed, stack): void

# Parameters

Name Type
range Object
range.max number
range.min number
scale Scale<CoreScaleOptions>
parsed unknown[]
stack string | boolean

# Returns

void

# Inherited from

DoughnutController.updateRangeFromParsed

# Defined in

types/index.d.ts:650 (opens new window)

# updateSharedOptions

▸ Protected updateSharedOptions(sharedOptions, mode, newOptions): void

Utility to animate the shared options, that are potentially affecting multiple elements.

# Parameters

Name Type
sharedOptions AnyObject
mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset"
newOptions AnyObject

# Returns

void

# Inherited from

DoughnutController.updateSharedOptions

# Defined in

types/index.d.ts:640 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PolarAreaControllerChartOptions.html b/docs/master/api/interfaces/PolarAreaControllerChartOptions.html index 0cd4098ea9..47c426d670 100644 --- a/docs/master/api/interfaces/PolarAreaControllerChartOptions.html +++ b/docs/master/api/interfaces/PolarAreaControllerChartOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PolarAreaControllerChartOptions

# Properties

# animation

• animation: false | DoughnutAnimationOptions

# Defined in

types/index.d.ts:389 (opens new window)

# startAngle

• startAngle: number

Starting angle to draw arcs for the first item in a dataset. In degrees, 0 is at top.

Default

0

# Defined in

types/index.d.ts:387 (opens new window)

+ (opens new window)

# Interface: PolarAreaControllerChartOptions

# Properties

# animation

• animation: false | DoughnutAnimationOptions

# Defined in

types/index.d.ts:389 (opens new window)

# startAngle

• startAngle: number

Starting angle to draw arcs for the first item in a dataset. In degrees, 0 is at top.

Default

0

# Defined in

types/index.d.ts:387 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/PolarAreaControllerDatasetOptions.html b/docs/master/api/interfaces/PolarAreaControllerDatasetOptions.html index ec55220227..afd77b5191 100644 --- a/docs/master/api/interfaces/PolarAreaControllerDatasetOptions.html +++ b/docs/master/api/interfaces/PolarAreaControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,8 +39,8 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: PolarAreaControllerDatasetOptions

# Hierarchy

# Properties

# angle

• angle: number

Arc angle to cover. - for polar only

Default

circumference / (arc count)

# Defined in

types/index.d.ts:377 (opens new window)

# animation

• animation: false | AnimationSpec<"doughnut"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

DoughnutControllerDatasetOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"doughnut">

# Inherited from

DoughnutControllerDatasetOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderAlign

• borderAlign: ScriptableAndArray<"center" | "inner", ScriptableContext<"doughnut">>

Arc stroke alignment.

# Inherited from

DoughnutControllerDatasetOptions.borderAlign

# Defined in

types/index.d.ts:1843 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

Line dash. See MDN.

Default

[]

# Inherited from

DoughnutControllerDatasetOptions.borderDash

# Defined in

types/index.d.ts:1848 (opens new window)

# borderDashOffset

• borderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

DoughnutControllerDatasetOptions.borderDashOffset

# Defined in

types/index.d.ts:1853 (opens new window)

# borderJoinStyle

• borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"doughnut">>

Line join style. See MDN. Default is 'round' when borderAlign is 'inner', else 'bevel'.

# Inherited from

DoughnutControllerDatasetOptions.borderJoinStyle

# Defined in

types/index.d.ts:1857 (opens new window)

# borderRadius

• borderRadius: ScriptableAndArray<number | ArcBorderRadius, ScriptableContext<"doughnut">>

Sets the border radius for arcs

Default

0

# Inherited from

DoughnutControllerDatasetOptions.borderRadius

# Defined in

types/index.d.ts:1863 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# circular

• circular: ScriptableAndArray<boolean, ScriptableContext<"doughnut">>

If false, Arc will be flat.

Default

true

# Inherited from

DoughnutControllerDatasetOptions.circular

# Defined in

types/index.d.ts:1874 (opens new window)

# circumference

• circumference: number

Sweep to allow arcs to cover.

Default

360

# Inherited from

DoughnutControllerDatasetOptions.circumference

# Defined in

types/index.d.ts:257 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

DoughnutControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

DoughnutControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderDash

# Defined in

types/index.d.ts:1883 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1884 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverOffset

• hoverOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverOffset

# Defined in

types/index.d.ts:1885 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

DoughnutControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

DoughnutControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

DoughnutControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# offset

• offset: number | number[]

Arc offset (in pixels).

# Inherited from

DoughnutControllerDatasetOptions.offset

# Defined in

types/index.d.ts:262 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

DoughnutControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

DoughnutControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# rotation

• rotation: number

Starting angle to draw this dataset from.

Default

0

# Inherited from

DoughnutControllerDatasetOptions.rotation

# Defined in

types/index.d.ts:268 (opens new window)

# spacing

• spacing: number

Similar to the offset option, but applies to all arcs. This can be used to to add spaces -between arcs

Default

0

# Inherited from

DoughnutControllerDatasetOptions.spacing

# Defined in

types/index.d.ts:281 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

DoughnutControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# transitions

• transitions: TransitionsSpec<"doughnut">

# Inherited from

DoughnutControllerDatasetOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# weight

• weight: number

The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.

Default

1

# Inherited from

DoughnutControllerDatasetOptions.weight

# Defined in

types/index.d.ts:274 (opens new window)

+ (opens new window)

# Interface: PolarAreaControllerDatasetOptions

# Hierarchy

# Properties

# angle

• angle: number

Arc angle to cover. - for polar only

Default

circumference / (arc count)

# Defined in

types/index.d.ts:377 (opens new window)

# animation

• animation: false | AnimationSpec<"doughnut"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

DoughnutControllerDatasetOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"doughnut">

# Inherited from

DoughnutControllerDatasetOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderAlign

• borderAlign: ScriptableAndArray<"center" | "inner", ScriptableContext<"doughnut">>

Arc stroke alignment.

# Inherited from

DoughnutControllerDatasetOptions.borderAlign

# Defined in

types/index.d.ts:1843 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

Line dash. See MDN.

Default

[]

# Inherited from

DoughnutControllerDatasetOptions.borderDash

# Defined in

types/index.d.ts:1848 (opens new window)

# borderDashOffset

• borderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

DoughnutControllerDatasetOptions.borderDashOffset

# Defined in

types/index.d.ts:1853 (opens new window)

# borderJoinStyle

• borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"doughnut">>

Line join style. See MDN. Default is 'round' when borderAlign is 'inner', else 'bevel'.

# Inherited from

DoughnutControllerDatasetOptions.borderJoinStyle

# Defined in

types/index.d.ts:1857 (opens new window)

# borderRadius

• borderRadius: ScriptableAndArray<number | ArcBorderRadius, ScriptableContext<"doughnut">>

Sets the border radius for arcs

Default

0

# Inherited from

DoughnutControllerDatasetOptions.borderRadius

# Defined in

types/index.d.ts:1863 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# circular

• circular: ScriptableAndArray<boolean, ScriptableContext<"doughnut">>

If false, Arc will be flat.

Default

true

# Inherited from

DoughnutControllerDatasetOptions.circular

# Defined in

types/index.d.ts:1874 (opens new window)

# circumference

• circumference: number

Sweep to allow arcs to cover.

Default

360

# Inherited from

DoughnutControllerDatasetOptions.circumference

# Defined in

types/index.d.ts:257 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

DoughnutControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

DoughnutControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderDash

# Defined in

types/index.d.ts:1883 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1884 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverOffset

• hoverOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

# Inherited from

DoughnutControllerDatasetOptions.hoverOffset

# Defined in

types/index.d.ts:1885 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

DoughnutControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

DoughnutControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

DoughnutControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# offset

• offset: number | number[]

Arc offset (in pixels).

# Inherited from

DoughnutControllerDatasetOptions.offset

# Defined in

types/index.d.ts:262 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

DoughnutControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

DoughnutControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# rotation

• rotation: number

Starting angle to draw this dataset from.

Default

0

# Inherited from

DoughnutControllerDatasetOptions.rotation

# Defined in

types/index.d.ts:268 (opens new window)

# spacing

• spacing: number

Similar to the offset option, but applies to all arcs. This can be used to to add spaces +between arcs

Default

0

# Inherited from

DoughnutControllerDatasetOptions.spacing

# Defined in

types/index.d.ts:281 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

DoughnutControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# transitions

• transitions: TransitionsSpec<"doughnut">

# Inherited from

DoughnutControllerDatasetOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# weight

• weight: number

The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.

Default

1

# Inherited from

DoughnutControllerDatasetOptions.weight

# Defined in

types/index.d.ts:274 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/RadarControllerDatasetOptions.html b/docs/master/api/interfaces/RadarControllerDatasetOptions.html index 98e8712bf9..9b8d3cd65e 100644 --- a/docs/master/api/interfaces/RadarControllerDatasetOptions.html +++ b/docs/master/api/interfaces/RadarControllerDatasetOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: RadarControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"radar"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"radar">

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderCapStyle

• borderCapStyle: ScriptableAndArray<CanvasLineCap, ScriptableContext<"radar">>

Line cap style. See MDN.

Default

'butt'

# Inherited from

ScriptableAndArrayOptions.borderCapStyle

# Defined in

types/index.d.ts:1897 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: ScriptableAndArray<number[], ScriptableContext<"radar">>

Line dash. See MDN.

Default

[]

# Inherited from

ScriptableAndArrayOptions.borderDash

# Defined in

types/index.d.ts:1902 (opens new window)

# borderDashOffset

• borderDashOffset: ScriptableAndArray<number, ScriptableContext<"radar">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

ScriptableAndArrayOptions.borderDashOffset

# Defined in

types/index.d.ts:1907 (opens new window)

# borderJoinStyle

• borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"radar">>

Line join style. See MDN.

Default

'miter'

# Inherited from

ScriptableAndArrayOptions.borderJoinStyle

# Defined in

types/index.d.ts:1912 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# capBezierPoints

• capBezierPoints: ScriptableAndArray<boolean, ScriptableContext<"radar">>

true to keep Bézier control inside the chart, false for no restriction.

Default

true

# Inherited from

ScriptableAndArrayOptions.capBezierPoints

# Defined in

types/index.d.ts:1917 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# cubicInterpolationMode

• cubicInterpolationMode: ScriptableAndArray<"default" | "monotone", ScriptableContext<"radar">>

Interpolation mode to apply.

Default

'default'

# Inherited from

ScriptableAndArrayOptions.cubicInterpolationMode

# Defined in

types/index.d.ts:1922 (opens new window)

# drawActiveElementsOnTop

• drawActiveElementsOnTop: ScriptableAndArray<boolean, ScriptableContext<"radar">>

Draw the active elements over the other elements of the dataset,

Default

true

# Inherited from

ScriptableAndArrayOptions.drawActiveElementsOnTop

# Defined in

types/index.d.ts:2018 (opens new window)

# fill

• fill: ScriptableAndArray<FillTarget | ComplexFillTarget, ScriptableContext<"radar">>

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Inherited from

ScriptableAndArrayOptions.fill

# Defined in

types/index.d.ts:1936 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hitRadius

• hitRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

Extra radius added to point radius for hit detection.

Default

1

# Inherited from

ScriptableAndArrayOptions.hitRadius

# Defined in

types/index.d.ts:2003 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderCapStyle

• hoverBorderCapStyle: ScriptableAndArray<CanvasLineCap, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderCapStyle

# Defined in

types/index.d.ts:1954 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: ScriptableAndArray<number[], ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDash

# Defined in

types/index.d.ts:1955 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1956 (opens new window)

# hoverBorderJoinStyle

• hoverBorderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderJoinStyle

# Defined in

types/index.d.ts:1957 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverRadius

• hoverRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

Point radius when hovered.

Default

4

# Inherited from

ScriptableAndArrayOptions.hoverRadius

# Defined in

types/index.d.ts:2026 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# pointBackgroundColor

• pointBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

The fill color for points.

# Inherited from

ScriptableAndArrayOptions.pointBackgroundColor

# Defined in

types/index.d.ts:2033 (opens new window)

# pointBorderColor

• pointBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

The border color for points.

# Inherited from

ScriptableAndArrayOptions.pointBorderColor

# Defined in

types/index.d.ts:2037 (opens new window)

# pointBorderWidth

• pointBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

The width of the point border in pixels.

# Inherited from

ScriptableAndArrayOptions.pointBorderWidth

# Defined in

types/index.d.ts:2041 (opens new window)

# pointHitRadius

• pointHitRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

The pixel size of the non-displayed point that reacts to mouse events.

# Inherited from

ScriptableAndArrayOptions.pointHitRadius

# Defined in

types/index.d.ts:2045 (opens new window)

# pointHoverBackgroundColor

• pointHoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

Point background color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBackgroundColor

# Defined in

types/index.d.ts:2064 (opens new window)

# pointHoverBorderColor

• pointHoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

Point border color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderColor

# Defined in

types/index.d.ts:2068 (opens new window)

# pointHoverBorderWidth

• pointHoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

Border width of point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderWidth

# Defined in

types/index.d.ts:2072 (opens new window)

# pointHoverRadius

• pointHoverRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

The radius of the point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverRadius

# Defined in

types/index.d.ts:2076 (opens new window)

# pointRadius

• pointRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

The radius of the point shape. If set to 0, the point is not rendered.

# Inherited from

ScriptableAndArrayOptions.pointRadius

# Defined in

types/index.d.ts:2049 (opens new window)

# pointRotation

• pointRotation: ScriptableAndArray<number, ScriptableContext<"radar">>

The rotation of the point in degrees.

# Inherited from

ScriptableAndArrayOptions.pointRotation

# Defined in

types/index.d.ts:2053 (opens new window)

# pointStyle

• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"radar">>

Point style

Default

'circle;

# Inherited from

ScriptableAndArrayOptions.pointStyle

# Defined in

types/index.d.ts:2008 (opens new window)

types/index.d.ts:2057 (opens new window)

# radius

• radius: ScriptableAndArray<number, ScriptableContext<"radar">>

Point radius

Default

3

# Inherited from

ScriptableAndArrayOptions.radius

# Defined in

types/index.d.ts:1998 (opens new window)

# rotation

• rotation: ScriptableAndArray<number, ScriptableContext<"radar">>

Point rotation (in degrees).

Default

0

# Inherited from

ScriptableAndArrayOptions.rotation

# Defined in

types/index.d.ts:2013 (opens new window)

# segment

• segment: ScriptableAndArray<{ backgroundColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderCapStyle: Scriptable<CanvasLineCap, ScriptableLineSegmentContext> ; borderColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderDash: Scriptable<number[], ScriptableLineSegmentContext> ; borderDashOffset: Scriptable<number, ScriptableLineSegmentContext> ; borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableLineSegmentContext> ; borderWidth: Scriptable<number, ScriptableLineSegmentContext> }, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.segment

# Defined in

types/index.d.ts:1942 (opens new window)

# showLine

• showLine: boolean

If false, the line is not drawn for this dataset.

# Defined in

types/index.d.ts:422 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

# Overrides

ScriptableAndArrayOptions.spanGaps

# Defined in

types/index.d.ts:417 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# stepped

• stepped: ScriptableAndArray<boolean | "middle" | "after" | "before", ScriptableContext<"radar">>

true to show the line as a stepped line (tension will be ignored).

Default

false

# Inherited from

ScriptableAndArrayOptions.stepped

# Defined in

types/index.d.ts:1932 (opens new window)

# tension

• tension: ScriptableAndArray<number, ScriptableContext<"radar">>

Bézier curve tension (0 for no Bézier curves).

Default

0

# Inherited from

ScriptableAndArrayOptions.tension

# Defined in

types/index.d.ts:1927 (opens new window)

# transitions

• transitions: TransitionsSpec<"radar">

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

types/index.d.ts:408 (opens new window)

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

types/index.d.ts:412 (opens new window)

+ (opens new window)

# Interface: RadarControllerDatasetOptions

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<"radar"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# Inherited from

AnimationOptions.animation

# Defined in

types/index.d.ts:1757 (opens new window)

# animations

• animations: AnimationsSpec<"radar">

# Inherited from

AnimationOptions.animations

# Defined in

types/index.d.ts:1767 (opens new window)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.backgroundColor

# Defined in

types/index.d.ts:1817 (opens new window)

# borderCapStyle

• borderCapStyle: ScriptableAndArray<CanvasLineCap, ScriptableContext<"radar">>

Line cap style. See MDN.

Default

'butt'

# Inherited from

ScriptableAndArrayOptions.borderCapStyle

# Defined in

types/index.d.ts:1897 (opens new window)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.borderColor

# Defined in

types/index.d.ts:1816 (opens new window)

# borderDash

• borderDash: ScriptableAndArray<number[], ScriptableContext<"radar">>

Line dash. See MDN.

Default

[]

# Inherited from

ScriptableAndArrayOptions.borderDash

# Defined in

types/index.d.ts:1902 (opens new window)

# borderDashOffset

• borderDashOffset: ScriptableAndArray<number, ScriptableContext<"radar">>

Line dash offset. See MDN.

Default

0.0

# Inherited from

ScriptableAndArrayOptions.borderDashOffset

# Defined in

types/index.d.ts:1907 (opens new window)

# borderJoinStyle

• borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"radar">>

Line join style. See MDN.

Default

'miter'

# Inherited from

ScriptableAndArrayOptions.borderJoinStyle

# Defined in

types/index.d.ts:1912 (opens new window)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.borderWidth

# Defined in

types/index.d.ts:1815 (opens new window)

# capBezierPoints

• capBezierPoints: ScriptableAndArray<boolean, ScriptableContext<"radar">>

true to keep Bézier control inside the chart, false for no restriction.

Default

true

# Inherited from

ScriptableAndArrayOptions.capBezierPoints

# Defined in

types/index.d.ts:1917 (opens new window)

# clip

• clip: number | false | ChartArea

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}

# Inherited from

ControllerDatasetOptions.clip

# Defined in

types/index.d.ts:75 (opens new window)

# cubicInterpolationMode

• cubicInterpolationMode: ScriptableAndArray<"default" | "monotone", ScriptableContext<"radar">>

Interpolation mode to apply.

Default

'default'

# Inherited from

ScriptableAndArrayOptions.cubicInterpolationMode

# Defined in

types/index.d.ts:1922 (opens new window)

# drawActiveElementsOnTop

• drawActiveElementsOnTop: ScriptableAndArray<boolean, ScriptableContext<"radar">>

Draw the active elements over the other elements of the dataset,

Default

true

# Inherited from

ScriptableAndArrayOptions.drawActiveElementsOnTop

# Defined in

types/index.d.ts:2018 (opens new window)

# fill

• fill: ScriptableAndArray<FillTarget | ComplexFillTarget, ScriptableContext<"radar">>

Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end

# Inherited from

ScriptableAndArrayOptions.fill

# Defined in

types/index.d.ts:1936 (opens new window)

# hidden

• hidden: boolean

Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.

Default

false

# Inherited from

ControllerDatasetOptions.hidden

# Defined in

types/index.d.ts:93 (opens new window)

# hitRadius

• hitRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

Extra radius added to point radius for hit detection.

Default

1

# Inherited from

ScriptableAndArrayOptions.hitRadius

# Defined in

types/index.d.ts:2003 (opens new window)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBackgroundColor

# Defined in

types/index.d.ts:1823 (opens new window)

# hoverBorderCapStyle

• hoverBorderCapStyle: ScriptableAndArray<CanvasLineCap, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderCapStyle

# Defined in

types/index.d.ts:1954 (opens new window)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderColor

# Defined in

types/index.d.ts:1822 (opens new window)

# hoverBorderDash

• hoverBorderDash: ScriptableAndArray<number[], ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDash

# Defined in

types/index.d.ts:1955 (opens new window)

# hoverBorderDashOffset

• hoverBorderDashOffset: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderDashOffset

# Defined in

types/index.d.ts:1956 (opens new window)

# hoverBorderJoinStyle

• hoverBorderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderJoinStyle

# Defined in

types/index.d.ts:1957 (opens new window)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.hoverBorderWidth

# Defined in

types/index.d.ts:1821 (opens new window)

# hoverRadius

• hoverRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

Point radius when hovered.

Default

4

# Inherited from

ScriptableAndArrayOptions.hoverRadius

# Defined in

types/index.d.ts:2026 (opens new window)

# indexAxis

• indexAxis: "x" | "y"

The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.

Default

'x'

# Inherited from

ControllerDatasetOptions.indexAxis

# Defined in

types/index.d.ts:71 (opens new window)

# label

• label: string

The label for the dataset which appears in the legend and tooltips.

# Inherited from

ControllerDatasetOptions.label

# Defined in

types/index.d.ts:79 (opens new window)

# 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

ControllerDatasetOptions.normalized

# Defined in

types/index.d.ts:63 (opens new window)

# order

• order: number

The drawing order of dataset. Also affects order for stacking, tooltip and legend.

# Inherited from

ControllerDatasetOptions.order

# Defined in

types/index.d.ts:83 (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

ControllerDatasetOptions.parsing

# Defined in

types/index.d.ts:54 (opens new window)

# pointBackgroundColor

• pointBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

The fill color for points.

# Inherited from

ScriptableAndArrayOptions.pointBackgroundColor

# Defined in

types/index.d.ts:2033 (opens new window)

# pointBorderColor

• pointBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

The border color for points.

# Inherited from

ScriptableAndArrayOptions.pointBorderColor

# Defined in

types/index.d.ts:2037 (opens new window)

# pointBorderWidth

• pointBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

The width of the point border in pixels.

# Inherited from

ScriptableAndArrayOptions.pointBorderWidth

# Defined in

types/index.d.ts:2041 (opens new window)

# pointHitRadius

• pointHitRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

The pixel size of the non-displayed point that reacts to mouse events.

# Inherited from

ScriptableAndArrayOptions.pointHitRadius

# Defined in

types/index.d.ts:2045 (opens new window)

# pointHoverBackgroundColor

• pointHoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

Point background color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBackgroundColor

# Defined in

types/index.d.ts:2064 (opens new window)

# pointHoverBorderColor

• pointHoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"radar">>

Point border color when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderColor

# Defined in

types/index.d.ts:2068 (opens new window)

# pointHoverBorderWidth

• pointHoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"radar">>

Border width of point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverBorderWidth

# Defined in

types/index.d.ts:2072 (opens new window)

# pointHoverRadius

• pointHoverRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

The radius of the point when hovered.

# Inherited from

ScriptableAndArrayOptions.pointHoverRadius

# Defined in

types/index.d.ts:2076 (opens new window)

# pointRadius

• pointRadius: ScriptableAndArray<number, ScriptableContext<"radar">>

The radius of the point shape. If set to 0, the point is not rendered.

# Inherited from

ScriptableAndArrayOptions.pointRadius

# Defined in

types/index.d.ts:2049 (opens new window)

# pointRotation

• pointRotation: ScriptableAndArray<number, ScriptableContext<"radar">>

The rotation of the point in degrees.

# Inherited from

ScriptableAndArrayOptions.pointRotation

# Defined in

types/index.d.ts:2053 (opens new window)

# pointStyle

• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"radar">>

Point style

Default

'circle;

# Inherited from

ScriptableAndArrayOptions.pointStyle

# Defined in

types/index.d.ts:2008 (opens new window)

types/index.d.ts:2057 (opens new window)

# radius

• radius: ScriptableAndArray<number, ScriptableContext<"radar">>

Point radius

Default

3

# Inherited from

ScriptableAndArrayOptions.radius

# Defined in

types/index.d.ts:1998 (opens new window)

# rotation

• rotation: ScriptableAndArray<number, ScriptableContext<"radar">>

Point rotation (in degrees).

Default

0

# Inherited from

ScriptableAndArrayOptions.rotation

# Defined in

types/index.d.ts:2013 (opens new window)

# segment

• segment: ScriptableAndArray<{ backgroundColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderCapStyle: Scriptable<CanvasLineCap, ScriptableLineSegmentContext> ; borderColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderDash: Scriptable<number[], ScriptableLineSegmentContext> ; borderDashOffset: Scriptable<number, ScriptableLineSegmentContext> ; borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableLineSegmentContext> ; borderWidth: Scriptable<number, ScriptableLineSegmentContext> }, ScriptableContext<"radar">>

# Inherited from

ScriptableAndArrayOptions.segment

# Defined in

types/index.d.ts:1942 (opens new window)

# showLine

• showLine: boolean

If false, the line is not drawn for this dataset.

# Defined in

types/index.d.ts:422 (opens new window)

# spanGaps

• spanGaps: number | boolean

If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.

# Overrides

ScriptableAndArrayOptions.spanGaps

# Defined in

types/index.d.ts:417 (opens new window)

# stack

• stack: string

The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).

# Inherited from

ControllerDatasetOptions.stack

# Defined in

types/index.d.ts:88 (opens new window)

# stepped

• stepped: ScriptableAndArray<boolean | "middle" | "after" | "before", ScriptableContext<"radar">>

true to show the line as a stepped line (tension will be ignored).

Default

false

# Inherited from

ScriptableAndArrayOptions.stepped

# Defined in

types/index.d.ts:1932 (opens new window)

# tension

• tension: ScriptableAndArray<number, ScriptableContext<"radar">>

Bézier curve tension (0 for no Bézier curves).

Default

0

# Inherited from

ScriptableAndArrayOptions.tension

# Defined in

types/index.d.ts:1927 (opens new window)

# transitions

• transitions: TransitionsSpec<"radar">

# Inherited from

AnimationOptions.transitions

# Defined in

types/index.d.ts:1768 (opens new window)

# xAxisID

• xAxisID: string

The ID of the x axis to plot this dataset on.

# Defined in

types/index.d.ts:408 (opens new window)

# yAxisID

• yAxisID: string

The ID of the y axis to plot this dataset on.

# Defined in

types/index.d.ts:412 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/RadialLinearScale.html b/docs/master/api/interfaces/RadialLinearScale.html index 0802d163f0..a9ed3114ee 100644 --- a/docs/master/api/interfaces/RadialLinearScale.html +++ b/docs/master/api/interfaces/RadialLinearScale.html @@ -7,7 +7,7 @@ - + @@ -39,12 +39,12 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: RadialLinearScale<O>

# Type parameters

Name Type
O extends RadialLinearScaleOptions = RadialLinearScaleOptions

# Hierarchy

  • Scale<O>

    ↳ RadialLinearScale

# Properties

# $animations

• $animations: Record<never, Animation>

# Inherited from

Scale.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Scale.active

# Defined in

core/core.element.ts:13 (opens new window)

# axis

• axis: string

# Inherited from

Scale.axis

# Defined in

types/index.d.ts:1276 (opens new window)

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

Scale.chart

# Defined in

types/index.d.ts:1266 (opens new window)

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Inherited from

Scale.ctx

# Defined in

types/index.d.ts:1265 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

Scale.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

Scale.height

# Defined in

types/layout.d.ts:25 (opens new window)

# id

• Readonly id: string

# Inherited from

Scale.id

# Defined in

types/index.d.ts:1263 (opens new window)

# labelRotation

• labelRotation: number

# Inherited from

Scale.labelRotation

# Defined in

types/index.d.ts:1277 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.left

# Defined in

types/layout.d.ts:29 (opens new window)

# max

• max: number

# Inherited from

Scale.max

# Defined in

types/index.d.ts:1279 (opens new window)

# maxHeight

• maxHeight: number

# Inherited from

Scale.maxHeight

# Defined in

types/index.d.ts:1269 (opens new window)

# maxWidth

• maxWidth: number

# Inherited from

Scale.maxWidth

# Defined in

types/index.d.ts:1268 (opens new window)

# min

• min: number

# Inherited from

Scale.min

# Defined in

types/index.d.ts:1278 (opens new window)

# options

• options: O

# Inherited from

Scale.options

# Defined in

core/core.element.ts:14 (opens new window)

# paddingBottom

• paddingBottom: number

# Inherited from

Scale.paddingBottom

# Defined in

types/index.d.ts:1272 (opens new window)

# paddingLeft

• paddingLeft: number

# Inherited from

Scale.paddingLeft

# Defined in

types/index.d.ts:1273 (opens new window)

# paddingRight

• paddingRight: number

# Inherited from

Scale.paddingRight

# Defined in

types/index.d.ts:1274 (opens new window)

# paddingTop

• paddingTop: number

# Inherited from

Scale.paddingTop

# Defined in

types/index.d.ts:1271 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

Scale.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.right

# Defined in

types/layout.d.ts:37 (opens new window)

# ticks

• ticks: Tick[]

# Inherited from

Scale.ticks

# Defined in

types/index.d.ts:1280 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.top

# Defined in

types/layout.d.ts:33 (opens new window)

# type

• Readonly type: string

# Inherited from

Scale.type

# Defined in

types/index.d.ts:1264 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

Scale.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

Scale.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Scale.x

# Defined in

core/core.element.ts:11 (opens new window)

# xCenter

• xCenter: number

# Defined in

types/index.d.ts:3590 (opens new window)

# y

• y: number

# Inherited from

Scale.y

# Defined in

core/core.element.ts:12 (opens new window)

# yCenter

• yCenter: number

# Defined in

types/index.d.ts:3591 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(): void

# Returns

void

# Inherited from

Scale.afterBuildTicks

# Defined in

types/index.d.ts:1361 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.afterCalculateLabelRotation

# Defined in

types/index.d.ts:1367 (opens new window)

# afterDataLimits

▸ afterDataLimits(): void

# Returns

void

# Inherited from

Scale.afterDataLimits

# Defined in

types/index.d.ts:1358 (opens new window)

# afterFit

▸ afterFit(): void

# Returns

void

# Inherited from

Scale.afterFit

# Defined in

types/index.d.ts:1370 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(): void

# Returns

void

# Inherited from

Scale.afterSetDimensions

# Defined in

types/index.d.ts:1355 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.afterTickToLabelConversion

# Defined in

types/index.d.ts:1364 (opens new window)

# afterUpdate

▸ afterUpdate(): void

# Returns

void

# Inherited from

Scale.afterUpdate

# Defined in

types/index.d.ts:1352 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(): void

# Returns

void

# Inherited from

Scale.beforeBuildTicks

# Defined in

types/index.d.ts:1359 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.beforeCalculateLabelRotation

# Defined in

types/index.d.ts:1365 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(): void

# Returns

void

# Inherited from

Scale.beforeDataLimits

# Defined in

types/index.d.ts:1356 (opens new window)

# beforeFit

▸ beforeFit(): void

# Returns

void

# Inherited from

Scale.beforeFit

# Defined in

types/index.d.ts:1368 (opens new window)

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

Scale.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(): void

# Returns

void

# Inherited from

Scale.beforeSetDimensions

# Defined in

types/index.d.ts:1353 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.beforeTickToLabelConversion

# Defined in

types/index.d.ts:1362 (opens new window)

# beforeUpdate

▸ beforeUpdate(): void

# Returns

void

# Inherited from

Scale.beforeUpdate

# Defined in

types/index.d.ts:1350 (opens new window)

# buildTicks

▸ buildTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.buildTicks

# Defined in

types/index.d.ts:1360 (opens new window)

# calculateLabelRotation

▸ calculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.calculateLabelRotation

# Defined in

types/index.d.ts:1366 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

Scale.configure

# Defined in

types/index.d.ts:1351 (opens new window)

# determineDataLimits

▸ determineDataLimits(): void

# Returns

void

# Inherited from

Scale.determineDataLimits

# Defined in

types/index.d.ts:1357 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# drawGrid

▸ drawGrid(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawGrid

# Defined in

types/index.d.ts:1285 (opens new window)

# drawLabels

▸ drawLabels(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawLabels

# Defined in

types/index.d.ts:1284 (opens new window)

# drawTitle

▸ drawTitle(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawTitle

# Defined in

types/index.d.ts:1283 (opens new window)

# fit

▸ fit(): void

# Returns

void

# Inherited from

Scale.fit

# Defined in

types/index.d.ts:1369 (opens new window)

# generateTickLabels

▸ generateTickLabels(ticks): void

# Parameters

Name Type
ticks Tick[]

# Returns

void

# Inherited from

Scale.generateTickLabels

# Defined in

types/index.d.ts:1363 (opens new window)

# getBasePixel

▸ getBasePixel(): number

Returns the pixel for the minimum chart value -The coordinate (0, 0) is at the upper-left corner of the canvas

# Returns

number

# Inherited from

Scale.getBasePixel

# Defined in

types/index.d.ts:1341 (opens new window)

# getBasePosition

▸ getBasePosition(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
angle number
x number
y number

# Defined in

types/index.d.ts:3599 (opens new window)

# getBaseValue

▸ getBaseValue(): number

# Returns

number

# Inherited from

Scale.getBaseValue

# Defined in

types/index.d.ts:1335 (opens new window)

# getDecimalForPixel

▸ getDecimalForPixel(pixel): number

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getDecimalForPixel

# Defined in

types/index.d.ts:1291 (opens new window)

# getDistanceFromCenterForValue

▸ getDistanceFromCenterForValue(value): number

# Parameters

Name Type
value number

# Returns

number

# Defined in

types/index.d.ts:3594 (opens new window)

# getIndexAngle

▸ getIndexAngle(index): number

# Parameters

Name Type
index number

# Returns

number

# Defined in

types/index.d.ts:3593 (opens new window)

# getLabelForValue

▸ getLabelForValue(value): string

Used to get the label to display in the tooltip for the given value

# Parameters

Name Type
value number

# Returns

string

# Inherited from

Scale.getLabelForValue

# Defined in

types/index.d.ts:1311 (opens new window)

# getLabelItems

▸ getLabelItems(chartArea?): LabelItem[]

# Parameters

Name Type
chartArea? ChartArea

# Returns

LabelItem[]

# Inherited from

Scale.getLabelItems

# Defined in

types/index.d.ts:1349 (opens new window)

# getLabels

▸ getLabels(): string[]

# Returns

string[]

# Inherited from

Scale.getLabels

# Defined in

types/index.d.ts:1348 (opens new window)

# getLineWidthForValue

▸ getLineWidthForValue(value): number

Returns the grid line width at given value

# Parameters

Name Type
value number

# Returns

number

# Inherited from

Scale.getLineWidthForValue

# Defined in

types/index.d.ts:1316 (opens new window)

# getMatchingVisibleMetas

▸ getMatchingVisibleMetas(type?): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Parameters

Name Type
type? string

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Inherited from

Scale.getMatchingVisibleMetas

# Defined in

types/index.d.ts:1281 (opens new window)

# getMinMax

▸ getMinMax(canStack): Object

# Parameters

Name Type
canStack boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

Scale.getMinMax

# Defined in

types/index.d.ts:1346 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

Scale.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getPixelForDecimal

▸ getPixelForDecimal(decimal): number

Utility for getting the pixel location of a percentage of scale -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
decimal number

# Returns

number

# Inherited from

Scale.getPixelForDecimal

# Defined in

types/index.d.ts:1298 (opens new window)

# getPixelForTick

▸ getPixelForTick(index): number

Returns the location of the tick at the given index -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
index number

# Returns

number

# Inherited from

Scale.getPixelForTick

# Defined in

types/index.d.ts:1305 (opens new window)

# getPixelForValue

▸ getPixelForValue(value, index?): number

Returns the location of the given data point. Value can either be an index or a numerical value -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
value number
index? number

# Returns

number

# Inherited from

Scale.getPixelForValue

# Defined in

types/index.d.ts:1325 (opens new window)

# getPointLabelPosition

▸ getPointLabelPosition(index): ChartArea

# Parameters

Name Type
index number

# Returns

ChartArea

# Defined in

types/index.d.ts:3598 (opens new window)

# getPointPosition

▸ getPointPosition(index, distanceFromCenter): Object

# Parameters

Name Type
index number
distanceFromCenter number

# Returns

Object

Name Type
angle number
x number
y number

# Defined in

types/index.d.ts:3596 (opens new window)

# getPointPositionForValue

▸ getPointPositionForValue(index, value): Object

# Parameters

Name Type
index number
value number

# Returns

Object

Name Type
angle number
x number
y number

# Defined in

types/index.d.ts:3597 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<unknown, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends never[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<unknown, P[number]>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getTicks

▸ getTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.getTicks

# Defined in

types/index.d.ts:1347 (opens new window)

# getUserBounds

▸ getUserBounds(): Object

# Returns

Object

Name Type
max number
maxDefined boolean
min number
minDefined boolean

# Inherited from

Scale.getUserBounds

# Defined in

types/index.d.ts:1345 (opens new window)

# getValueForDistanceFromCenter

▸ getValueForDistanceFromCenter(distance): number

# Parameters

Name Type
distance number

# Returns

number

# Defined in

types/index.d.ts:3595 (opens new window)

# getValueForPixel

▸ getValueForPixel(pixel): number

Used to get the data value from a given pixel. This is the inverse of getPixelForValue -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getValueForPixel

# Defined in

types/index.d.ts:1333 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Scale.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# init

▸ init(options): void

# Parameters

Name Type
options O

# Returns

void

# Inherited from

Scale.init

# Defined in

types/index.d.ts:1343 (opens new window)

# isFullSize

▸ isFullSize(): boolean

# Returns

boolean

# Inherited from

Scale.isFullSize

# Defined in

types/index.d.ts:1372 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

Scale.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# parse

▸ parse(raw, index?): unknown

# Parameters

Name Type
raw unknown
index? number

# Returns

unknown

# Inherited from

Scale.parse

# Defined in

types/index.d.ts:1344 (opens new window)

# setCenterPoint

▸ setCenterPoint(leftMovement, rightMovement, topMovement, bottomMovement): void

# Parameters

Name Type
leftMovement number
rightMovement number
topMovement number
bottomMovement number

# Returns

void

# Defined in

types/index.d.ts:3592 (opens new window)

# setDimensions

▸ setDimensions(): void

# Returns

void

# Inherited from

Scale.setDimensions

# Defined in

types/index.d.ts:1354 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Scale.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

Scale.update

# Defined in

types/layout.d.ts:64 (opens new window)

+ (opens new window)

# Interface: RadialLinearScale<O>

# Type parameters

Name Type
O extends RadialLinearScaleOptions = RadialLinearScaleOptions

# Hierarchy

  • Scale<O>

    ↳ RadialLinearScale

# Properties

# $animations

• $animations: Record<never, Animation>

# Inherited from

Scale.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Scale.active

# Defined in

core/core.element.ts:13 (opens new window)

# axis

• axis: string

# Inherited from

Scale.axis

# Defined in

types/index.d.ts:1276 (opens new window)

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

Scale.chart

# Defined in

types/index.d.ts:1266 (opens new window)

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Inherited from

Scale.ctx

# Defined in

types/index.d.ts:1265 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

Scale.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

Scale.height

# Defined in

types/layout.d.ts:25 (opens new window)

# id

• Readonly id: string

# Inherited from

Scale.id

# Defined in

types/index.d.ts:1263 (opens new window)

# labelRotation

• labelRotation: number

# Inherited from

Scale.labelRotation

# Defined in

types/index.d.ts:1277 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.left

# Defined in

types/layout.d.ts:29 (opens new window)

# max

• max: number

# Inherited from

Scale.max

# Defined in

types/index.d.ts:1279 (opens new window)

# maxHeight

• maxHeight: number

# Inherited from

Scale.maxHeight

# Defined in

types/index.d.ts:1269 (opens new window)

# maxWidth

• maxWidth: number

# Inherited from

Scale.maxWidth

# Defined in

types/index.d.ts:1268 (opens new window)

# min

• min: number

# Inherited from

Scale.min

# Defined in

types/index.d.ts:1278 (opens new window)

# options

• options: O

# Inherited from

Scale.options

# Defined in

core/core.element.ts:14 (opens new window)

# paddingBottom

• paddingBottom: number

# Inherited from

Scale.paddingBottom

# Defined in

types/index.d.ts:1272 (opens new window)

# paddingLeft

• paddingLeft: number

# Inherited from

Scale.paddingLeft

# Defined in

types/index.d.ts:1273 (opens new window)

# paddingRight

• paddingRight: number

# Inherited from

Scale.paddingRight

# Defined in

types/index.d.ts:1274 (opens new window)

# paddingTop

• paddingTop: number

# Inherited from

Scale.paddingTop

# Defined in

types/index.d.ts:1271 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

Scale.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.right

# Defined in

types/layout.d.ts:37 (opens new window)

# ticks

• ticks: Tick[]

# Inherited from

Scale.ticks

# Defined in

types/index.d.ts:1280 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.top

# Defined in

types/layout.d.ts:33 (opens new window)

# type

• Readonly type: string

# Inherited from

Scale.type

# Defined in

types/index.d.ts:1264 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

Scale.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

Scale.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Scale.x

# Defined in

core/core.element.ts:11 (opens new window)

# xCenter

• xCenter: number

# Defined in

types/index.d.ts:3590 (opens new window)

# y

• y: number

# Inherited from

Scale.y

# Defined in

core/core.element.ts:12 (opens new window)

# yCenter

• yCenter: number

# Defined in

types/index.d.ts:3591 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(): void

# Returns

void

# Inherited from

Scale.afterBuildTicks

# Defined in

types/index.d.ts:1361 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.afterCalculateLabelRotation

# Defined in

types/index.d.ts:1367 (opens new window)

# afterDataLimits

▸ afterDataLimits(): void

# Returns

void

# Inherited from

Scale.afterDataLimits

# Defined in

types/index.d.ts:1358 (opens new window)

# afterFit

▸ afterFit(): void

# Returns

void

# Inherited from

Scale.afterFit

# Defined in

types/index.d.ts:1370 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(): void

# Returns

void

# Inherited from

Scale.afterSetDimensions

# Defined in

types/index.d.ts:1355 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.afterTickToLabelConversion

# Defined in

types/index.d.ts:1364 (opens new window)

# afterUpdate

▸ afterUpdate(): void

# Returns

void

# Inherited from

Scale.afterUpdate

# Defined in

types/index.d.ts:1352 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(): void

# Returns

void

# Inherited from

Scale.beforeBuildTicks

# Defined in

types/index.d.ts:1359 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.beforeCalculateLabelRotation

# Defined in

types/index.d.ts:1365 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(): void

# Returns

void

# Inherited from

Scale.beforeDataLimits

# Defined in

types/index.d.ts:1356 (opens new window)

# beforeFit

▸ beforeFit(): void

# Returns

void

# Inherited from

Scale.beforeFit

# Defined in

types/index.d.ts:1368 (opens new window)

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

Scale.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(): void

# Returns

void

# Inherited from

Scale.beforeSetDimensions

# Defined in

types/index.d.ts:1353 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.beforeTickToLabelConversion

# Defined in

types/index.d.ts:1362 (opens new window)

# beforeUpdate

▸ beforeUpdate(): void

# Returns

void

# Inherited from

Scale.beforeUpdate

# Defined in

types/index.d.ts:1350 (opens new window)

# buildTicks

▸ buildTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.buildTicks

# Defined in

types/index.d.ts:1360 (opens new window)

# calculateLabelRotation

▸ calculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.calculateLabelRotation

# Defined in

types/index.d.ts:1366 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

Scale.configure

# Defined in

types/index.d.ts:1351 (opens new window)

# determineDataLimits

▸ determineDataLimits(): void

# Returns

void

# Inherited from

Scale.determineDataLimits

# Defined in

types/index.d.ts:1357 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# drawGrid

▸ drawGrid(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawGrid

# Defined in

types/index.d.ts:1285 (opens new window)

# drawLabels

▸ drawLabels(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawLabels

# Defined in

types/index.d.ts:1284 (opens new window)

# drawTitle

▸ drawTitle(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawTitle

# Defined in

types/index.d.ts:1283 (opens new window)

# fit

▸ fit(): void

# Returns

void

# Inherited from

Scale.fit

# Defined in

types/index.d.ts:1369 (opens new window)

# generateTickLabels

▸ generateTickLabels(ticks): void

# Parameters

Name Type
ticks Tick[]

# Returns

void

# Inherited from

Scale.generateTickLabels

# Defined in

types/index.d.ts:1363 (opens new window)

# getBasePixel

▸ getBasePixel(): number

Returns the pixel for the minimum chart value +The coordinate (0, 0) is at the upper-left corner of the canvas

# Returns

number

# Inherited from

Scale.getBasePixel

# Defined in

types/index.d.ts:1341 (opens new window)

# getBasePosition

▸ getBasePosition(index): Object

# Parameters

Name Type
index number

# Returns

Object

Name Type
angle number
x number
y number

# Defined in

types/index.d.ts:3599 (opens new window)

# getBaseValue

▸ getBaseValue(): number

# Returns

number

# Inherited from

Scale.getBaseValue

# Defined in

types/index.d.ts:1335 (opens new window)

# getDecimalForPixel

▸ getDecimalForPixel(pixel): number

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getDecimalForPixel

# Defined in

types/index.d.ts:1291 (opens new window)

# getDistanceFromCenterForValue

▸ getDistanceFromCenterForValue(value): number

# Parameters

Name Type
value number

# Returns

number

# Defined in

types/index.d.ts:3594 (opens new window)

# getIndexAngle

▸ getIndexAngle(index): number

# Parameters

Name Type
index number

# Returns

number

# Defined in

types/index.d.ts:3593 (opens new window)

# getLabelForValue

▸ getLabelForValue(value): string

Used to get the label to display in the tooltip for the given value

# Parameters

Name Type
value number

# Returns

string

# Inherited from

Scale.getLabelForValue

# Defined in

types/index.d.ts:1311 (opens new window)

# getLabelItems

▸ getLabelItems(chartArea?): LabelItem[]

# Parameters

Name Type
chartArea? ChartArea

# Returns

LabelItem[]

# Inherited from

Scale.getLabelItems

# Defined in

types/index.d.ts:1349 (opens new window)

# getLabels

▸ getLabels(): string[]

# Returns

string[]

# Inherited from

Scale.getLabels

# Defined in

types/index.d.ts:1348 (opens new window)

# getLineWidthForValue

▸ getLineWidthForValue(value): number

Returns the grid line width at given value

# Parameters

Name Type
value number

# Returns

number

# Inherited from

Scale.getLineWidthForValue

# Defined in

types/index.d.ts:1316 (opens new window)

# getMatchingVisibleMetas

▸ getMatchingVisibleMetas(type?): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Parameters

Name Type
type? string

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Inherited from

Scale.getMatchingVisibleMetas

# Defined in

types/index.d.ts:1281 (opens new window)

# getMinMax

▸ getMinMax(canStack): Object

# Parameters

Name Type
canStack boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

Scale.getMinMax

# Defined in

types/index.d.ts:1346 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

Scale.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getPixelForDecimal

▸ getPixelForDecimal(decimal): number

Utility for getting the pixel location of a percentage of scale +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
decimal number

# Returns

number

# Inherited from

Scale.getPixelForDecimal

# Defined in

types/index.d.ts:1298 (opens new window)

# getPixelForTick

▸ getPixelForTick(index): number

Returns the location of the tick at the given index +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
index number

# Returns

number

# Inherited from

Scale.getPixelForTick

# Defined in

types/index.d.ts:1305 (opens new window)

# getPixelForValue

▸ getPixelForValue(value, index?): number

Returns the location of the given data point. Value can either be an index or a numerical value +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
value number
index? number

# Returns

number

# Inherited from

Scale.getPixelForValue

# Defined in

types/index.d.ts:1325 (opens new window)

# getPointLabelPosition

▸ getPointLabelPosition(index): ChartArea

# Parameters

Name Type
index number

# Returns

ChartArea

# Defined in

types/index.d.ts:3598 (opens new window)

# getPointPosition

▸ getPointPosition(index, distanceFromCenter): Object

# Parameters

Name Type
index number
distanceFromCenter number

# Returns

Object

Name Type
angle number
x number
y number

# Defined in

types/index.d.ts:3596 (opens new window)

# getPointPositionForValue

▸ getPointPositionForValue(index, value): Object

# Parameters

Name Type
index number
value number

# Returns

Object

Name Type
angle number
x number
y number

# Defined in

types/index.d.ts:3597 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<unknown, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends never[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<unknown, P[number]>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getTicks

▸ getTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.getTicks

# Defined in

types/index.d.ts:1347 (opens new window)

# getUserBounds

▸ getUserBounds(): Object

# Returns

Object

Name Type
max number
maxDefined boolean
min number
minDefined boolean

# Inherited from

Scale.getUserBounds

# Defined in

types/index.d.ts:1345 (opens new window)

# getValueForDistanceFromCenter

▸ getValueForDistanceFromCenter(distance): number

# Parameters

Name Type
distance number

# Returns

number

# Defined in

types/index.d.ts:3595 (opens new window)

# getValueForPixel

▸ getValueForPixel(pixel): number

Used to get the data value from a given pixel. This is the inverse of getPixelForValue +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getValueForPixel

# Defined in

types/index.d.ts:1333 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Scale.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# init

▸ init(options): void

# Parameters

Name Type
options O

# Returns

void

# Inherited from

Scale.init

# Defined in

types/index.d.ts:1343 (opens new window)

# isFullSize

▸ isFullSize(): boolean

# Returns

boolean

# Inherited from

Scale.isFullSize

# Defined in

types/index.d.ts:1372 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

Scale.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# parse

▸ parse(raw, index?): unknown

# Parameters

Name Type
raw unknown
index? number

# Returns

unknown

# Inherited from

Scale.parse

# Defined in

types/index.d.ts:1344 (opens new window)

# setCenterPoint

▸ setCenterPoint(leftMovement, rightMovement, topMovement, bottomMovement): void

# Parameters

Name Type
leftMovement number
rightMovement number
topMovement number
bottomMovement number

# Returns

void

# Defined in

types/index.d.ts:3592 (opens new window)

# setDimensions

▸ setDimensions(): void

# Returns

void

# Inherited from

Scale.setDimensions

# Defined in

types/index.d.ts:1354 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Scale.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

Scale.update

# Defined in

types/layout.d.ts:64 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/RadialScaleTypeRegistry.html b/docs/master/api/interfaces/RadialScaleTypeRegistry.html index 2541dcc71d..2454c1e225 100644 --- a/docs/master/api/interfaces/RadialScaleTypeRegistry.html +++ b/docs/master/api/interfaces/RadialScaleTypeRegistry.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: RadialScaleTypeRegistry

# Hierarchy

# Properties

# radialLinear

• radialLinear: Object

# Type declaration

Name Type
options RadialLinearScaleOptions

# Defined in

types/index.d.ts:3625 (opens new window)

+ (opens new window)

# Interface: RadialScaleTypeRegistry

# Hierarchy

# Properties

# radialLinear

• radialLinear: Object

# Type declaration

Name Type
options RadialLinearScaleOptions

# Defined in

types/index.d.ts:3625 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/Registry.html b/docs/master/api/interfaces/Registry.html index 773ec376d2..f2cbb12c75 100644 --- a/docs/master/api/interfaces/Registry.html +++ b/docs/master/api/interfaces/Registry.html @@ -7,7 +7,7 @@ - + @@ -40,7 +40,7 @@ (opens new window) GitHub (opens new window)

# Interface: Registry

Please use the module's default export which provides a singleton instance -Note: class is exported for typedoc

# Properties

# controllers

• Readonly controllers: TypedRegistry<DatasetController<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>, number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData>>

# Defined in

types/index.d.ts:1132 (opens new window)

# elements

• Readonly elements: TypedRegistry<default<AnyObject, AnyObject>>

# Defined in

types/index.d.ts:1133 (opens new window)

# plugins

• Readonly plugins: TypedRegistry<Plugin<keyof ChartTypeRegistry, AnyObject>>

# Defined in

types/index.d.ts:1134 (opens new window)

# scales

• Readonly scales: TypedRegistry<Scale<CoreScaleOptions>>

# Defined in

types/index.d.ts:1135 (opens new window)

# Methods

# add

▸ add(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1137 (opens new window)

# addControllers

▸ addControllers(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1140 (opens new window)

# addElements

▸ addElements(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1141 (opens new window)

# addPlugins

▸ addPlugins(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1142 (opens new window)

# addScales

▸ addScales(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1143 (opens new window)

# getController

▸ getController(id): DatasetController<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>, number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData>

# Parameters

Name Type
id string

# Returns

DatasetController<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>, number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData>

# Defined in

types/index.d.ts:1145 (opens new window)

# getElement

▸ getElement(id): default<AnyObject, AnyObject>

# Parameters

Name Type
id string

# Returns

default<AnyObject, AnyObject>

# Defined in

types/index.d.ts:1146 (opens new window)

# getPlugin

▸ getPlugin(id): Plugin<keyof ChartTypeRegistry, AnyObject>

# Parameters

Name Type
id string

# Returns

Plugin<keyof ChartTypeRegistry, AnyObject>

# Defined in

types/index.d.ts:1147 (opens new window)

# getScale

▸ getScale(id): Scale<CoreScaleOptions>

# Parameters

Name Type
id string

# Returns

Scale<CoreScaleOptions>

# Defined in

types/index.d.ts:1148 (opens new window)

# remove

▸ remove(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1138 (opens new window)

+Note: class is exported for typedoc

# Properties

# controllers

• Readonly controllers: TypedRegistry<DatasetController<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>, number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData>>

# Defined in

types/index.d.ts:1132 (opens new window)

# elements

• Readonly elements: TypedRegistry<default<AnyObject, AnyObject>>

# Defined in

types/index.d.ts:1133 (opens new window)

# plugins

• Readonly plugins: TypedRegistry<Plugin<keyof ChartTypeRegistry, AnyObject>>

# Defined in

types/index.d.ts:1134 (opens new window)

# scales

• Readonly scales: TypedRegistry<Scale<CoreScaleOptions>>

# Defined in

types/index.d.ts:1135 (opens new window)

# Methods

# add

▸ add(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1137 (opens new window)

# addControllers

▸ addControllers(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1140 (opens new window)

# addElements

▸ addElements(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1141 (opens new window)

# addPlugins

▸ addPlugins(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1142 (opens new window)

# addScales

▸ addScales(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1143 (opens new window)

# getController

▸ getController(id): DatasetController<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>, number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData>

# Parameters

Name Type
id string

# Returns

DatasetController<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>, number | CartesianParsedData | BarParsedData | BubbleParsedData | RadialParsedData>

# Defined in

types/index.d.ts:1145 (opens new window)

# getElement

▸ getElement(id): default<AnyObject, AnyObject>

# Parameters

Name Type
id string

# Returns

default<AnyObject, AnyObject>

# Defined in

types/index.d.ts:1146 (opens new window)

# getPlugin

▸ getPlugin(id): Plugin<keyof ChartTypeRegistry, AnyObject>

# Parameters

Name Type
id string

# Returns

Plugin<keyof ChartTypeRegistry, AnyObject>

# Defined in

types/index.d.ts:1147 (opens new window)

# getScale

▸ getScale(id): Scale<CoreScaleOptions>

# Parameters

Name Type
id string

# Returns

Scale<CoreScaleOptions>

# Defined in

types/index.d.ts:1148 (opens new window)

# remove

▸ remove(...args): void

# Parameters

Name Type
...args ChartComponentLike[]

# Returns

void

# Defined in

types/index.d.ts:1138 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/RenderTextOpts.html b/docs/master/api/interfaces/RenderTextOpts.html index b76ebe0883..adeab2a1bd 100644 --- a/docs/master/api/interfaces/RenderTextOpts.html +++ b/docs/master/api/interfaces/RenderTextOpts.html @@ -7,7 +7,7 @@ - + @@ -39,13 +39,13 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: RenderTextOpts

# Properties

# backdrop

• Optional backdrop: BackdropOptions

Dimensions for drawing the label backdrop

# Defined in

types/index.d.ts:1459 (opens new window)

# color

• Optional color: Color

The fill color of the text. If unset, the existing -fillStyle property of the canvas is unchanged.

# Defined in

types/index.d.ts:1398 (opens new window)

# decorationWidth

• Optional decorationWidth: number

The width of the strikethrough / underline

Default

2

# Defined in

types/index.d.ts:1404 (opens new window)

# maxWidth

• Optional maxWidth: number

The max width of the text in pixels

# Defined in

types/index.d.ts:1409 (opens new window)

# rotation

• Optional rotation: number

A rotation to be applied to the canvas -This is applied after the translation is applied

# Defined in

types/index.d.ts:1415 (opens new window)

# strikethrough

• Optional strikethrough: boolean

Apply a strikethrough effect to the text

# Defined in

types/index.d.ts:1420 (opens new window)

# strokeColor

• Optional strokeColor: Color

The color of the text stroke. If unset, the existing -strokeStyle property of the context is unchanged

# Defined in

types/index.d.ts:1426 (opens new window)

# strokeWidth

• Optional strokeWidth: number

The text stroke width. If unset, the existing -lineWidth property of the context is unchanged

# Defined in

types/index.d.ts:1432 (opens new window)

# textAlign

• Optional textAlign: CanvasTextAlign

The text alignment to use. If unset, the existing -textAlign property of the context is unchanged

# Defined in

types/index.d.ts:1438 (opens new window)

# textBaseline

• Optional textBaseline: CanvasTextBaseline

The text baseline to use. If unset, the existing -textBaseline property of the context is unchanged

# Defined in

types/index.d.ts:1444 (opens new window)

# translation

• Optional translation: [number, number]

If specified, a translation to apply to the context

# Defined in

types/index.d.ts:1449 (opens new window)

# underline

• Optional underline: boolean

Underline the text

# Defined in

types/index.d.ts:1454 (opens new window)

+ (opens new window)

# Interface: RenderTextOpts

# Properties

# backdrop

• Optional backdrop: BackdropOptions

Dimensions for drawing the label backdrop

# Defined in

types/index.d.ts:1459 (opens new window)

# color

• Optional color: Color

The fill color of the text. If unset, the existing +fillStyle property of the canvas is unchanged.

# Defined in

types/index.d.ts:1398 (opens new window)

# decorationWidth

• Optional decorationWidth: number

The width of the strikethrough / underline

Default

2

# Defined in

types/index.d.ts:1404 (opens new window)

# maxWidth

• Optional maxWidth: number

The max width of the text in pixels

# Defined in

types/index.d.ts:1409 (opens new window)

# rotation

• Optional rotation: number

A rotation to be applied to the canvas +This is applied after the translation is applied

# Defined in

types/index.d.ts:1415 (opens new window)

# strikethrough

• Optional strikethrough: boolean

Apply a strikethrough effect to the text

# Defined in

types/index.d.ts:1420 (opens new window)

# strokeColor

• Optional strokeColor: Color

The color of the text stroke. If unset, the existing +strokeStyle property of the context is unchanged

# Defined in

types/index.d.ts:1426 (opens new window)

# strokeWidth

• Optional strokeWidth: number

The text stroke width. If unset, the existing +lineWidth property of the context is unchanged

# Defined in

types/index.d.ts:1432 (opens new window)

# textAlign

• Optional textAlign: CanvasTextAlign

The text alignment to use. If unset, the existing +textAlign property of the context is unchanged

# Defined in

types/index.d.ts:1438 (opens new window)

# textBaseline

• Optional textBaseline: CanvasTextBaseline

The text baseline to use. If unset, the existing +textBaseline property of the context is unchanged

# Defined in

types/index.d.ts:1444 (opens new window)

# translation

• Optional translation: [number, number]

If specified, a translation to apply to the context

# Defined in

types/index.d.ts:1449 (opens new window)

# underline

• Optional underline: boolean

Underline the text

# Defined in

types/index.d.ts:1454 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScaleTypeRegistry.html b/docs/master/api/interfaces/ScaleTypeRegistry.html index d0abf673c5..cefa8125f7 100644 --- a/docs/master/api/interfaces/ScaleTypeRegistry.html +++ b/docs/master/api/interfaces/ScaleTypeRegistry.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScaleTypeRegistry

# Hierarchy

# Properties

# category

• category: Object

# Type declaration

Name Type
options CategoryScaleOptions

# Inherited from

CartesianScaleTypeRegistry.category

# Defined in

types/index.d.ts:3613 (opens new window)

# linear

• linear: Object

# Type declaration

Name Type
options LinearScaleOptions

# Inherited from

CartesianScaleTypeRegistry.linear

# Defined in

types/index.d.ts:3607 (opens new window)

# logarithmic

• logarithmic: Object

# Type declaration

Name Type
options LogarithmicScaleOptions

# Inherited from

CartesianScaleTypeRegistry.logarithmic

# Defined in

types/index.d.ts:3610 (opens new window)

# radialLinear

• radialLinear: Object

# Type declaration

Name Type
options RadialLinearScaleOptions

# Inherited from

RadialScaleTypeRegistry.radialLinear

# Defined in

types/index.d.ts:3625 (opens new window)

# time

• time: Object

# Type declaration

Name Type
options TimeScaleOptions

# Inherited from

CartesianScaleTypeRegistry.time

# Defined in

types/index.d.ts:3616 (opens new window)

# timeseries

• timeseries: Object

# Type declaration

Name Type
options TimeScaleOptions

# Inherited from

CartesianScaleTypeRegistry.timeseries

# Defined in

types/index.d.ts:3619 (opens new window)

+ (opens new window)

# Interface: ScaleTypeRegistry

# Hierarchy

# Properties

# category

• category: Object

# Type declaration

Name Type
options CategoryScaleOptions

# Inherited from

CartesianScaleTypeRegistry.category

# Defined in

types/index.d.ts:3613 (opens new window)

# linear

• linear: Object

# Type declaration

Name Type
options LinearScaleOptions

# Inherited from

CartesianScaleTypeRegistry.linear

# Defined in

types/index.d.ts:3607 (opens new window)

# logarithmic

• logarithmic: Object

# Type declaration

Name Type
options LogarithmicScaleOptions

# Inherited from

CartesianScaleTypeRegistry.logarithmic

# Defined in

types/index.d.ts:3610 (opens new window)

# radialLinear

• radialLinear: Object

# Type declaration

Name Type
options RadialLinearScaleOptions

# Inherited from

RadialScaleTypeRegistry.radialLinear

# Defined in

types/index.d.ts:3625 (opens new window)

# time

• time: Object

# Type declaration

Name Type
options TimeScaleOptions

# Inherited from

CartesianScaleTypeRegistry.time

# Defined in

types/index.d.ts:3616 (opens new window)

# timeseries

• timeseries: Object

# Type declaration

Name Type
options TimeScaleOptions

# Inherited from

CartesianScaleTypeRegistry.timeseries

# Defined in

types/index.d.ts:3619 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScriptableCartesianScaleContext.html b/docs/master/api/interfaces/ScriptableCartesianScaleContext.html index 8eeddada41..7a9afb0bbe 100644 --- a/docs/master/api/interfaces/ScriptableCartesianScaleContext.html +++ b/docs/master/api/interfaces/ScriptableCartesianScaleContext.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScriptableCartesianScaleContext

# Properties

# scale

• scale: keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3165 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:3166 (opens new window)

+ (opens new window)

# Interface: ScriptableCartesianScaleContext

# Properties

# scale

• scale: keyof CartesianScaleTypeRegistry

# Defined in

types/index.d.ts:3165 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:3166 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScriptableChartContext.html b/docs/master/api/interfaces/ScriptableChartContext.html index 2d6fa41461..5fcf5930fc 100644 --- a/docs/master/api/interfaces/ScriptableChartContext.html +++ b/docs/master/api/interfaces/ScriptableChartContext.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScriptableChartContext

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:3170 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:3171 (opens new window)

+ (opens new window)

# Interface: ScriptableChartContext

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:3170 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:3171 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScriptableContext.html b/docs/master/api/interfaces/ScriptableContext.html index 32f24995d4..608061e5b4 100644 --- a/docs/master/api/interfaces/ScriptableContext.html +++ b/docs/master/api/interfaces/ScriptableContext.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScriptableContext<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# active

• active: boolean

# Defined in

types/index.d.ts:24 (opens new window)

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:25 (opens new window)

# dataIndex

• dataIndex: number

# Defined in

types/index.d.ts:26 (opens new window)

# dataset

• dataset: UnionToIntersection<ChartDataset<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>>>

# Defined in

types/index.d.ts:27 (opens new window)

# datasetIndex

• datasetIndex: number

# Defined in

types/index.d.ts:28 (opens new window)

# mode

• mode: string

# Defined in

types/index.d.ts:30 (opens new window)

# parsed

• parsed: UnionToIntersection<ParsedDataType<TType>>

# Defined in

types/index.d.ts:31 (opens new window)

# raw

• raw: unknown

# Defined in

types/index.d.ts:32 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:29 (opens new window)

+ (opens new window)

# Interface: ScriptableContext<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# active

• active: boolean

# Defined in

types/index.d.ts:24 (opens new window)

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:25 (opens new window)

# dataIndex

• dataIndex: number

# Defined in

types/index.d.ts:26 (opens new window)

# dataset

• dataset: UnionToIntersection<ChartDataset<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>>>

# Defined in

types/index.d.ts:27 (opens new window)

# datasetIndex

• datasetIndex: number

# Defined in

types/index.d.ts:28 (opens new window)

# mode

• mode: string

# Defined in

types/index.d.ts:30 (opens new window)

# parsed

• parsed: UnionToIntersection<ParsedDataType<TType>>

# Defined in

types/index.d.ts:31 (opens new window)

# raw

• raw: unknown

# Defined in

types/index.d.ts:32 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:29 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScriptableLineSegmentContext.html b/docs/master/api/interfaces/ScriptableLineSegmentContext.html index 2920452ae1..0bffe87c35 100644 --- a/docs/master/api/interfaces/ScriptableLineSegmentContext.html +++ b/docs/master/api/interfaces/ScriptableLineSegmentContext.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScriptableLineSegmentContext

# Properties

# datasetIndex

• datasetIndex: number

# Defined in

types/index.d.ts:41 (opens new window)

# p0

• p0: PointElement

# Defined in

types/index.d.ts:37 (opens new window)

# p0DataIndex

• p0DataIndex: number

# Defined in

types/index.d.ts:39 (opens new window)

# p1

• p1: PointElement

# Defined in

types/index.d.ts:38 (opens new window)

# p1DataIndex

• p1DataIndex: number

# Defined in

types/index.d.ts:40 (opens new window)

# type

• type: "segment"

# Defined in

types/index.d.ts:36 (opens new window)

+ (opens new window)

# Interface: ScriptableLineSegmentContext

# Properties

# datasetIndex

• datasetIndex: number

# Defined in

types/index.d.ts:41 (opens new window)

# p0

• p0: PointElement

# Defined in

types/index.d.ts:37 (opens new window)

# p0DataIndex

• p0DataIndex: number

# Defined in

types/index.d.ts:39 (opens new window)

# p1

• p1: PointElement

# Defined in

types/index.d.ts:38 (opens new window)

# p1DataIndex

• p1DataIndex: number

# Defined in

types/index.d.ts:40 (opens new window)

# type

• type: "segment"

# Defined in

types/index.d.ts:36 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScriptableScaleContext.html b/docs/master/api/interfaces/ScriptableScaleContext.html index d4e8f2593e..b99b66403f 100644 --- a/docs/master/api/interfaces/ScriptableScaleContext.html +++ b/docs/master/api/interfaces/ScriptableScaleContext.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScriptableScaleContext

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:1379 (opens new window)

# index

• index: number

# Defined in

types/index.d.ts:1381 (opens new window)

# scale

• scale: Scale<CoreScaleOptions>

# Defined in

types/index.d.ts:1380 (opens new window)

# tick

• tick: Tick

# Defined in

types/index.d.ts:1382 (opens new window)

+ (opens new window)

# Interface: ScriptableScaleContext

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:1379 (opens new window)

# index

• index: number

# Defined in

types/index.d.ts:1381 (opens new window)

# scale

• scale: Scale<CoreScaleOptions>

# Defined in

types/index.d.ts:1380 (opens new window)

# tick

• tick: Tick

# Defined in

types/index.d.ts:1382 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScriptableScalePointLabelContext.html b/docs/master/api/interfaces/ScriptableScalePointLabelContext.html index 8f8bf8c34c..c4f8df563a 100644 --- a/docs/master/api/interfaces/ScriptableScalePointLabelContext.html +++ b/docs/master/api/interfaces/ScriptableScalePointLabelContext.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScriptableScalePointLabelContext

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:1386 (opens new window)

# index

• index: number

# Defined in

types/index.d.ts:1388 (opens new window)

# label

• label: string

# Defined in

types/index.d.ts:1389 (opens new window)

# scale

• scale: Scale<CoreScaleOptions>

# Defined in

types/index.d.ts:1387 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:1390 (opens new window)

+ (opens new window)

# Interface: ScriptableScalePointLabelContext

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Defined in

types/index.d.ts:1386 (opens new window)

# index

• index: number

# Defined in

types/index.d.ts:1388 (opens new window)

# label

• label: string

# Defined in

types/index.d.ts:1389 (opens new window)

# scale

• scale: Scale<CoreScaleOptions>

# Defined in

types/index.d.ts:1387 (opens new window)

# type

• type: string

# Defined in

types/index.d.ts:1390 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/ScriptableTooltipContext.html b/docs/master/api/interfaces/ScriptableTooltipContext.html index 485ea3b6fe..6d6e4c4e1e 100644 --- a/docs/master/api/interfaces/ScriptableTooltipContext.html +++ b/docs/master/api/interfaces/ScriptableTooltipContext.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: ScriptableTooltipContext<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# chart

• chart: Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown>

# Defined in

types/index.d.ts:2715 (opens new window)

# tooltip

• tooltip: TooltipModel<TType>

# Defined in

types/index.d.ts:2716 (opens new window)

# tooltipItems

• tooltipItems: TooltipItem<TType>[]

# Defined in

types/index.d.ts:2717 (opens new window)

+ (opens new window)

# Interface: ScriptableTooltipContext<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# chart

• chart: Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown>

# Defined in

types/index.d.ts:2715 (opens new window)

# tooltip

• tooltip: TooltipModel<TType>

# Defined in

types/index.d.ts:2716 (opens new window)

# tooltipItems

• tooltipItems: TooltipItem<TType>[]

# Defined in

types/index.d.ts:2717 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/Segment.html b/docs/master/api/interfaces/Segment.html index 1260272b9f..5a09e3c978 100644 --- a/docs/master/api/interfaces/Segment.html +++ b/docs/master/api/interfaces/Segment.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: Segment

# Properties

# end

• end: number

# Defined in

types/index.d.ts:1828 (opens new window)

# loop

• loop: boolean

# Defined in

types/index.d.ts:1829 (opens new window)

# start

• start: number

# Defined in

types/index.d.ts:1827 (opens new window)

+ (opens new window)

# Interface: Segment

# Properties

# end

• end: number

# Defined in

types/index.d.ts:1828 (opens new window)

# loop

• loop: boolean

# Defined in

types/index.d.ts:1829 (opens new window)

# start

• start: number

# Defined in

types/index.d.ts:1827 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/Tick.html b/docs/master/api/interfaces/Tick.html index da8957622e..72adda2cd7 100644 --- a/docs/master/api/interfaces/Tick.html +++ b/docs/master/api/interfaces/Tick.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: Tick

# Properties

# label

• Optional label: string | string[]

# Defined in

types/index.d.ts:1155 (opens new window)

# major

• Optional major: boolean

# Defined in

types/index.d.ts:1156 (opens new window)

# value

• value: number

# Defined in

types/index.d.ts:1154 (opens new window)

+ (opens new window)

# Interface: Tick

# Properties

# label

• Optional label: string | string[]

# Defined in

types/index.d.ts:1155 (opens new window)

# major

• Optional major: boolean

# Defined in

types/index.d.ts:1156 (opens new window)

# value

• value: number

# Defined in

types/index.d.ts:1154 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TickOptions.html b/docs/master/api/interfaces/TickOptions.html index 41f2ed8785..fff918e2be 100644 --- a/docs/master/api/interfaces/TickOptions.html +++ b/docs/master/api/interfaces/TickOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TickOptions

# Properties

# backdropColor

• backdropColor: Scriptable<Color, ScriptableScaleContext>

Color of label backdrops.

Default

'rgba(255, 255, 255, 0.75)'

# Defined in

types/index.d.ts:3037 (opens new window)

# backdropPadding

• backdropPadding: number | ChartArea

Padding of tick backdrop.

Default

2

# Defined in

types/index.d.ts:3042 (opens new window)

# callback

• callback: (this: Scale<CoreScaleOptions>, tickValue: string | number, index: number, ticks: Tick[]) => string | number | string[] | number[]

# Type declaration

▸ (this, tickValue, index, ticks): string | number | string[] | number[]

Returns the string representation of the tick value as it should be displayed on the chart. See callback.

# Parameters
Name Type
this Scale<CoreScaleOptions>
tickValue string | number
index number
ticks Tick[]
# Returns

string | number | string[] | number[]

# Defined in

types/index.d.ts:3047 (opens new window)

# color

• color: ScriptableAndArray<Color, ScriptableScaleContext>

Color of tick

See

Defaults.color

# Defined in

types/index.d.ts:3057 (opens new window)

# display

• display: boolean

If true, show tick labels.

Default

true

# Defined in

types/index.d.ts:3052 (opens new window)

# font

• font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableScaleContext>

see Fonts

# Defined in

types/index.d.ts:3061 (opens new window)

# major

• major: Object

# Type declaration

Name Type Description
enabled boolean If true, major ticks are generated. A major tick will affect autoskipping and major will be defined on ticks in the scriptable options context. Default false

# Defined in

types/index.d.ts:3087 (opens new window)

# padding

• padding: number

Sets the offset of the tick labels from the axis

# Defined in

types/index.d.ts:3065 (opens new window)

# showLabelBackdrop

• showLabelBackdrop: Scriptable<boolean, ScriptableScaleContext>

If true, draw a background behind the tick labels.

Default

false

# Defined in

types/index.d.ts:3070 (opens new window)

# textStrokeColor

• textStrokeColor: Scriptable<Color, ScriptableScaleContext>

The color of the stroke around the text.

Default

undefined

# Defined in

types/index.d.ts:3075 (opens new window)

# textStrokeWidth

• textStrokeWidth: Scriptable<number, ScriptableScaleContext>

Stroke width around the text.

Default

0

# Defined in

types/index.d.ts:3080 (opens new window)

# z

• z: number

z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.

Default

0

# Defined in

types/index.d.ts:3085 (opens new window)

+ (opens new window)

# Interface: TickOptions

# Properties

# backdropColor

• backdropColor: Scriptable<Color, ScriptableScaleContext>

Color of label backdrops.

Default

'rgba(255, 255, 255, 0.75)'

# Defined in

types/index.d.ts:3037 (opens new window)

# backdropPadding

• backdropPadding: number | ChartArea

Padding of tick backdrop.

Default

2

# Defined in

types/index.d.ts:3042 (opens new window)

# callback

• callback: (this: Scale<CoreScaleOptions>, tickValue: string | number, index: number, ticks: Tick[]) => string | number | string[] | number[]

# Type declaration

▸ (this, tickValue, index, ticks): string | number | string[] | number[]

Returns the string representation of the tick value as it should be displayed on the chart. See callback.

# Parameters
Name Type
this Scale<CoreScaleOptions>
tickValue string | number
index number
ticks Tick[]
# Returns

string | number | string[] | number[]

# Defined in

types/index.d.ts:3047 (opens new window)

# color

• color: ScriptableAndArray<Color, ScriptableScaleContext>

Color of tick

See

Defaults.color

# Defined in

types/index.d.ts:3057 (opens new window)

# display

• display: boolean

If true, show tick labels.

Default

true

# Defined in

types/index.d.ts:3052 (opens new window)

# font

• font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableScaleContext>

see Fonts

# Defined in

types/index.d.ts:3061 (opens new window)

# major

• major: Object

# Type declaration

Name Type Description
enabled boolean If true, major ticks are generated. A major tick will affect autoskipping and major will be defined on ticks in the scriptable options context. Default false

# Defined in

types/index.d.ts:3087 (opens new window)

# padding

• padding: number

Sets the offset of the tick labels from the axis

# Defined in

types/index.d.ts:3065 (opens new window)

# showLabelBackdrop

• showLabelBackdrop: Scriptable<boolean, ScriptableScaleContext>

If true, draw a background behind the tick labels.

Default

false

# Defined in

types/index.d.ts:3070 (opens new window)

# textStrokeColor

• textStrokeColor: Scriptable<Color, ScriptableScaleContext>

The color of the stroke around the text.

Default

undefined

# Defined in

types/index.d.ts:3075 (opens new window)

# textStrokeWidth

• textStrokeWidth: Scriptable<number, ScriptableScaleContext>

Stroke width around the text.

Default

0

# Defined in

types/index.d.ts:3080 (opens new window)

# z

• z: number

z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.

Default

0

# Defined in

types/index.d.ts:3085 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TimeScale.html b/docs/master/api/interfaces/TimeScale.html index 9ab52a0c2c..f9e4507fa4 100644 --- a/docs/master/api/interfaces/TimeScale.html +++ b/docs/master/api/interfaces/TimeScale.html @@ -7,7 +7,7 @@ - + @@ -39,12 +39,12 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TimeScale<O>

# Type parameters

Name Type
O extends TimeScaleOptions = TimeScaleOptions

# Hierarchy

# Properties

# $animations

• $animations: Record<never, Animation>

# Inherited from

Scale.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Scale.active

# Defined in

core/core.element.ts:13 (opens new window)

# axis

• axis: string

# Inherited from

Scale.axis

# Defined in

types/index.d.ts:1276 (opens new window)

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

Scale.chart

# Defined in

types/index.d.ts:1266 (opens new window)

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Inherited from

Scale.ctx

# Defined in

types/index.d.ts:1265 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

Scale.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

Scale.height

# Defined in

types/layout.d.ts:25 (opens new window)

# id

• Readonly id: string

# Inherited from

Scale.id

# Defined in

types/index.d.ts:1263 (opens new window)

# labelRotation

• labelRotation: number

# Inherited from

Scale.labelRotation

# Defined in

types/index.d.ts:1277 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.left

# Defined in

types/layout.d.ts:29 (opens new window)

# max

• max: number

# Inherited from

Scale.max

# Defined in

types/index.d.ts:1279 (opens new window)

# maxHeight

• maxHeight: number

# Inherited from

Scale.maxHeight

# Defined in

types/index.d.ts:1269 (opens new window)

# maxWidth

• maxWidth: number

# Inherited from

Scale.maxWidth

# Defined in

types/index.d.ts:1268 (opens new window)

# min

• min: number

# Inherited from

Scale.min

# Defined in

types/index.d.ts:1278 (opens new window)

# options

• options: O

# Inherited from

Scale.options

# Defined in

core/core.element.ts:14 (opens new window)

# paddingBottom

• paddingBottom: number

# Inherited from

Scale.paddingBottom

# Defined in

types/index.d.ts:1272 (opens new window)

# paddingLeft

• paddingLeft: number

# Inherited from

Scale.paddingLeft

# Defined in

types/index.d.ts:1273 (opens new window)

# paddingRight

• paddingRight: number

# Inherited from

Scale.paddingRight

# Defined in

types/index.d.ts:1274 (opens new window)

# paddingTop

• paddingTop: number

# Inherited from

Scale.paddingTop

# Defined in

types/index.d.ts:1271 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

Scale.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.right

# Defined in

types/layout.d.ts:37 (opens new window)

# ticks

• ticks: Tick[]

# Inherited from

Scale.ticks

# Defined in

types/index.d.ts:1280 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.top

# Defined in

types/layout.d.ts:33 (opens new window)

# type

• Readonly type: string

# Inherited from

Scale.type

# Defined in

types/index.d.ts:1264 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

Scale.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

Scale.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Scale.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Scale.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(): void

# Returns

void

# Inherited from

Scale.afterBuildTicks

# Defined in

types/index.d.ts:1361 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.afterCalculateLabelRotation

# Defined in

types/index.d.ts:1367 (opens new window)

# afterDataLimits

▸ afterDataLimits(): void

# Returns

void

# Inherited from

Scale.afterDataLimits

# Defined in

types/index.d.ts:1358 (opens new window)

# afterFit

▸ afterFit(): void

# Returns

void

# Inherited from

Scale.afterFit

# Defined in

types/index.d.ts:1370 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(): void

# Returns

void

# Inherited from

Scale.afterSetDimensions

# Defined in

types/index.d.ts:1355 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.afterTickToLabelConversion

# Defined in

types/index.d.ts:1364 (opens new window)

# afterUpdate

▸ afterUpdate(): void

# Returns

void

# Inherited from

Scale.afterUpdate

# Defined in

types/index.d.ts:1352 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(): void

# Returns

void

# Inherited from

Scale.beforeBuildTicks

# Defined in

types/index.d.ts:1359 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.beforeCalculateLabelRotation

# Defined in

types/index.d.ts:1365 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(): void

# Returns

void

# Inherited from

Scale.beforeDataLimits

# Defined in

types/index.d.ts:1356 (opens new window)

# beforeFit

▸ beforeFit(): void

# Returns

void

# Inherited from

Scale.beforeFit

# Defined in

types/index.d.ts:1368 (opens new window)

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

Scale.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(): void

# Returns

void

# Inherited from

Scale.beforeSetDimensions

# Defined in

types/index.d.ts:1353 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.beforeTickToLabelConversion

# Defined in

types/index.d.ts:1362 (opens new window)

# beforeUpdate

▸ beforeUpdate(): void

# Returns

void

# Inherited from

Scale.beforeUpdate

# Defined in

types/index.d.ts:1350 (opens new window)

# buildTicks

▸ buildTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.buildTicks

# Defined in

types/index.d.ts:1360 (opens new window)

# calculateLabelRotation

▸ calculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.calculateLabelRotation

# Defined in

types/index.d.ts:1366 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

Scale.configure

# Defined in

types/index.d.ts:1351 (opens new window)

# determineDataLimits

▸ determineDataLimits(): void

# Returns

void

# Inherited from

Scale.determineDataLimits

# Defined in

types/index.d.ts:1357 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# drawGrid

▸ drawGrid(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawGrid

# Defined in

types/index.d.ts:1285 (opens new window)

# drawLabels

▸ drawLabels(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawLabels

# Defined in

types/index.d.ts:1284 (opens new window)

# drawTitle

▸ drawTitle(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawTitle

# Defined in

types/index.d.ts:1283 (opens new window)

# fit

▸ fit(): void

# Returns

void

# Inherited from

Scale.fit

# Defined in

types/index.d.ts:1369 (opens new window)

# format

▸ format(value, format?): string

# Parameters

Name Type
value number
format? string

# Returns

string

# Defined in

types/index.d.ts:3431 (opens new window)

# generateTickLabels

▸ generateTickLabels(ticks): void

# Parameters

Name Type
ticks Tick[]

# Returns

void

# Inherited from

Scale.generateTickLabels

# Defined in

types/index.d.ts:1363 (opens new window)

# getBasePixel

▸ getBasePixel(): number

Returns the pixel for the minimum chart value -The coordinate (0, 0) is at the upper-left corner of the canvas

# Returns

number

# Inherited from

Scale.getBasePixel

# Defined in

types/index.d.ts:1341 (opens new window)

# getBaseValue

▸ getBaseValue(): number

# Returns

number

# Inherited from

Scale.getBaseValue

# Defined in

types/index.d.ts:1335 (opens new window)

# getDataTimestamps

▸ getDataTimestamps(): number[]

# Returns

number[]

# Defined in

types/index.d.ts:3432 (opens new window)

# getDecimalForPixel

▸ getDecimalForPixel(pixel): number

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getDecimalForPixel

# Defined in

types/index.d.ts:1291 (opens new window)

# getLabelForValue

▸ getLabelForValue(value): string

Used to get the label to display in the tooltip for the given value

# Parameters

Name Type
value number

# Returns

string

# Inherited from

Scale.getLabelForValue

# Defined in

types/index.d.ts:1311 (opens new window)

# getLabelItems

▸ getLabelItems(chartArea?): LabelItem[]

# Parameters

Name Type
chartArea? ChartArea

# Returns

LabelItem[]

# Inherited from

Scale.getLabelItems

# Defined in

types/index.d.ts:1349 (opens new window)

# getLabelTimestamps

▸ getLabelTimestamps(): string[]

# Returns

string[]

# Defined in

types/index.d.ts:3433 (opens new window)

# getLabels

▸ getLabels(): string[]

# Returns

string[]

# Inherited from

Scale.getLabels

# Defined in

types/index.d.ts:1348 (opens new window)

# getLineWidthForValue

▸ getLineWidthForValue(value): number

Returns the grid line width at given value

# Parameters

Name Type
value number

# Returns

number

# Inherited from

Scale.getLineWidthForValue

# Defined in

types/index.d.ts:1316 (opens new window)

# getMatchingVisibleMetas

▸ getMatchingVisibleMetas(type?): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Parameters

Name Type
type? string

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Inherited from

Scale.getMatchingVisibleMetas

# Defined in

types/index.d.ts:1281 (opens new window)

# getMinMax

▸ getMinMax(canStack): Object

# Parameters

Name Type
canStack boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

Scale.getMinMax

# Defined in

types/index.d.ts:1346 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

Scale.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getPixelForDecimal

▸ getPixelForDecimal(decimal): number

Utility for getting the pixel location of a percentage of scale -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
decimal number

# Returns

number

# Inherited from

Scale.getPixelForDecimal

# Defined in

types/index.d.ts:1298 (opens new window)

# getPixelForTick

▸ getPixelForTick(index): number

Returns the location of the tick at the given index -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
index number

# Returns

number

# Inherited from

Scale.getPixelForTick

# Defined in

types/index.d.ts:1305 (opens new window)

# getPixelForValue

▸ getPixelForValue(value, index?): number

Returns the location of the given data point. Value can either be an index or a numerical value -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
value number
index? number

# Returns

number

# Inherited from

Scale.getPixelForValue

# Defined in

types/index.d.ts:1325 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<unknown, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends never[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<unknown, P[number]>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getTicks

▸ getTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.getTicks

# Defined in

types/index.d.ts:1347 (opens new window)

# getUserBounds

▸ getUserBounds(): Object

# Returns

Object

Name Type
max number
maxDefined boolean
min number
minDefined boolean

# Inherited from

Scale.getUserBounds

# Defined in

types/index.d.ts:1345 (opens new window)

# getValueForPixel

▸ getValueForPixel(pixel): number

Used to get the data value from a given pixel. This is the inverse of getPixelForValue -The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getValueForPixel

# Defined in

types/index.d.ts:1333 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Scale.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# init

▸ init(options): void

# Parameters

Name Type
options O

# Returns

void

# Inherited from

Scale.init

# Defined in

types/index.d.ts:1343 (opens new window)

# isFullSize

▸ isFullSize(): boolean

# Returns

boolean

# Inherited from

Scale.isFullSize

# Defined in

types/index.d.ts:1372 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

Scale.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# normalize

▸ normalize(values): number[]

# Parameters

Name Type
values number[]

# Returns

number[]

# Defined in

types/index.d.ts:3434 (opens new window)

# parse

▸ parse(raw, index?): unknown

# Parameters

Name Type
raw unknown
index? number

# Returns

unknown

# Inherited from

Scale.parse

# Defined in

types/index.d.ts:1344 (opens new window)

# setDimensions

▸ setDimensions(): void

# Returns

void

# Inherited from

Scale.setDimensions

# Defined in

types/index.d.ts:1354 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Scale.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

Scale.update

# Defined in

types/layout.d.ts:64 (opens new window)

+ (opens new window)

# Interface: TimeScale<O>

# Type parameters

Name Type
O extends TimeScaleOptions = TimeScaleOptions

# Hierarchy

# Properties

# $animations

• $animations: Record<never, Animation>

# Inherited from

Scale.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Scale.active

# Defined in

core/core.element.ts:13 (opens new window)

# axis

• axis: string

# Inherited from

Scale.axis

# Defined in

types/index.d.ts:1276 (opens new window)

# bottom

• bottom: number

Bottom edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.bottom

# Defined in

types/layout.d.ts:41 (opens new window)

# chart

• Readonly chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

# Inherited from

Scale.chart

# Defined in

types/index.d.ts:1266 (opens new window)

# ctx

• Readonly ctx: CanvasRenderingContext2D

# Inherited from

Scale.ctx

# Defined in

types/index.d.ts:1265 (opens new window)

# fullSize

• fullSize: boolean

if true, and the item is horizontal, then push vertical boxes down

# Inherited from

Scale.fullSize

# Defined in

types/layout.d.ts:17 (opens new window)

# height

• height: number

Height of item. Must be valid after update()

# Inherited from

Scale.height

# Defined in

types/layout.d.ts:25 (opens new window)

# id

• Readonly id: string

# Inherited from

Scale.id

# Defined in

types/index.d.ts:1263 (opens new window)

# labelRotation

• labelRotation: number

# Inherited from

Scale.labelRotation

# Defined in

types/index.d.ts:1277 (opens new window)

# left

• left: number

Left edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.left

# Defined in

types/layout.d.ts:29 (opens new window)

# max

• max: number

# Inherited from

Scale.max

# Defined in

types/index.d.ts:1279 (opens new window)

# maxHeight

• maxHeight: number

# Inherited from

Scale.maxHeight

# Defined in

types/index.d.ts:1269 (opens new window)

# maxWidth

• maxWidth: number

# Inherited from

Scale.maxWidth

# Defined in

types/index.d.ts:1268 (opens new window)

# min

• min: number

# Inherited from

Scale.min

# Defined in

types/index.d.ts:1278 (opens new window)

# options

• options: O

# Inherited from

Scale.options

# Defined in

core/core.element.ts:14 (opens new window)

# paddingBottom

• paddingBottom: number

# Inherited from

Scale.paddingBottom

# Defined in

types/index.d.ts:1272 (opens new window)

# paddingLeft

• paddingLeft: number

# Inherited from

Scale.paddingLeft

# Defined in

types/index.d.ts:1273 (opens new window)

# paddingRight

• paddingRight: number

# Inherited from

Scale.paddingRight

# Defined in

types/index.d.ts:1274 (opens new window)

# paddingTop

• paddingTop: number

# Inherited from

Scale.paddingTop

# Defined in

types/index.d.ts:1271 (opens new window)

# position

• position: LayoutPosition

The position of the item in the chart layout. Possible values are

# Inherited from

Scale.position

# Defined in

types/layout.d.ts:9 (opens new window)

• right: number

Right edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.right

# Defined in

types/layout.d.ts:37 (opens new window)

# ticks

• ticks: Tick[]

# Inherited from

Scale.ticks

# Defined in

types/index.d.ts:1280 (opens new window)

# top

• top: number

Top edge of the item. Set by layout system and cannot be used in update

# Inherited from

Scale.top

# Defined in

types/layout.d.ts:33 (opens new window)

# type

• Readonly type: string

# Inherited from

Scale.type

# Defined in

types/index.d.ts:1264 (opens new window)

# weight

• weight: number

The weight used to sort the item. Higher weights are further away from the chart area

# Inherited from

Scale.weight

# Defined in

types/layout.d.ts:13 (opens new window)

# width

• width: number

Width of item. Must be valid after update()

# Inherited from

Scale.width

# Defined in

types/layout.d.ts:21 (opens new window)

# x

• x: number

# Inherited from

Scale.x

# Defined in

core/core.element.ts:11 (opens new window)

# y

• y: number

# Inherited from

Scale.y

# Defined in

core/core.element.ts:12 (opens new window)

# Methods

# afterBuildTicks

▸ afterBuildTicks(): void

# Returns

void

# Inherited from

Scale.afterBuildTicks

# Defined in

types/index.d.ts:1361 (opens new window)

# afterCalculateLabelRotation

▸ afterCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.afterCalculateLabelRotation

# Defined in

types/index.d.ts:1367 (opens new window)

# afterDataLimits

▸ afterDataLimits(): void

# Returns

void

# Inherited from

Scale.afterDataLimits

# Defined in

types/index.d.ts:1358 (opens new window)

# afterFit

▸ afterFit(): void

# Returns

void

# Inherited from

Scale.afterFit

# Defined in

types/index.d.ts:1370 (opens new window)

# afterSetDimensions

▸ afterSetDimensions(): void

# Returns

void

# Inherited from

Scale.afterSetDimensions

# Defined in

types/index.d.ts:1355 (opens new window)

# afterTickToLabelConversion

▸ afterTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.afterTickToLabelConversion

# Defined in

types/index.d.ts:1364 (opens new window)

# afterUpdate

▸ afterUpdate(): void

# Returns

void

# Inherited from

Scale.afterUpdate

# Defined in

types/index.d.ts:1352 (opens new window)

# beforeBuildTicks

▸ beforeBuildTicks(): void

# Returns

void

# Inherited from

Scale.beforeBuildTicks

# Defined in

types/index.d.ts:1359 (opens new window)

# beforeCalculateLabelRotation

▸ beforeCalculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.beforeCalculateLabelRotation

# Defined in

types/index.d.ts:1365 (opens new window)

# beforeDataLimits

▸ beforeDataLimits(): void

# Returns

void

# Inherited from

Scale.beforeDataLimits

# Defined in

types/index.d.ts:1356 (opens new window)

# beforeFit

▸ beforeFit(): void

# Returns

void

# Inherited from

Scale.beforeFit

# Defined in

types/index.d.ts:1368 (opens new window)

# beforeLayout

▸ Optional beforeLayout(): void

Called before the layout process starts

# Returns

void

# Inherited from

Scale.beforeLayout

# Defined in

types/layout.d.ts:46 (opens new window)

# beforeSetDimensions

▸ beforeSetDimensions(): void

# Returns

void

# Inherited from

Scale.beforeSetDimensions

# Defined in

types/index.d.ts:1353 (opens new window)

# beforeTickToLabelConversion

▸ beforeTickToLabelConversion(): void

# Returns

void

# Inherited from

Scale.beforeTickToLabelConversion

# Defined in

types/index.d.ts:1362 (opens new window)

# beforeUpdate

▸ beforeUpdate(): void

# Returns

void

# Inherited from

Scale.beforeUpdate

# Defined in

types/index.d.ts:1350 (opens new window)

# buildTicks

▸ buildTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.buildTicks

# Defined in

types/index.d.ts:1360 (opens new window)

# calculateLabelRotation

▸ calculateLabelRotation(): void

# Returns

void

# Inherited from

Scale.calculateLabelRotation

# Defined in

types/index.d.ts:1366 (opens new window)

# configure

▸ configure(): void

# Returns

void

# Inherited from

Scale.configure

# Defined in

types/index.d.ts:1351 (opens new window)

# determineDataLimits

▸ determineDataLimits(): void

# Returns

void

# Inherited from

Scale.determineDataLimits

# Defined in

types/index.d.ts:1357 (opens new window)

# draw

▸ draw(chartArea): void

Draws the element

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.draw

# Defined in

types/layout.d.ts:50 (opens new window)

# drawGrid

▸ drawGrid(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawGrid

# Defined in

types/index.d.ts:1285 (opens new window)

# drawLabels

▸ drawLabels(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawLabels

# Defined in

types/index.d.ts:1284 (opens new window)

# drawTitle

▸ drawTitle(chartArea): void

# Parameters

Name Type
chartArea ChartArea

# Returns

void

# Inherited from

Scale.drawTitle

# Defined in

types/index.d.ts:1283 (opens new window)

# fit

▸ fit(): void

# Returns

void

# Inherited from

Scale.fit

# Defined in

types/index.d.ts:1369 (opens new window)

# format

▸ format(value, format?): string

# Parameters

Name Type
value number
format? string

# Returns

string

# Defined in

types/index.d.ts:3431 (opens new window)

# generateTickLabels

▸ generateTickLabels(ticks): void

# Parameters

Name Type
ticks Tick[]

# Returns

void

# Inherited from

Scale.generateTickLabels

# Defined in

types/index.d.ts:1363 (opens new window)

# getBasePixel

▸ getBasePixel(): number

Returns the pixel for the minimum chart value +The coordinate (0, 0) is at the upper-left corner of the canvas

# Returns

number

# Inherited from

Scale.getBasePixel

# Defined in

types/index.d.ts:1341 (opens new window)

# getBaseValue

▸ getBaseValue(): number

# Returns

number

# Inherited from

Scale.getBaseValue

# Defined in

types/index.d.ts:1335 (opens new window)

# getDataTimestamps

▸ getDataTimestamps(): number[]

# Returns

number[]

# Defined in

types/index.d.ts:3432 (opens new window)

# getDecimalForPixel

▸ getDecimalForPixel(pixel): number

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getDecimalForPixel

# Defined in

types/index.d.ts:1291 (opens new window)

# getLabelForValue

▸ getLabelForValue(value): string

Used to get the label to display in the tooltip for the given value

# Parameters

Name Type
value number

# Returns

string

# Inherited from

Scale.getLabelForValue

# Defined in

types/index.d.ts:1311 (opens new window)

# getLabelItems

▸ getLabelItems(chartArea?): LabelItem[]

# Parameters

Name Type
chartArea? ChartArea

# Returns

LabelItem[]

# Inherited from

Scale.getLabelItems

# Defined in

types/index.d.ts:1349 (opens new window)

# getLabelTimestamps

▸ getLabelTimestamps(): string[]

# Returns

string[]

# Defined in

types/index.d.ts:3433 (opens new window)

# getLabels

▸ getLabels(): string[]

# Returns

string[]

# Inherited from

Scale.getLabels

# Defined in

types/index.d.ts:1348 (opens new window)

# getLineWidthForValue

▸ getLineWidthForValue(value): number

Returns the grid line width at given value

# Parameters

Name Type
value number

# Returns

number

# Inherited from

Scale.getLineWidthForValue

# Defined in

types/index.d.ts:1316 (opens new window)

# getMatchingVisibleMetas

▸ getMatchingVisibleMetas(type?): ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Parameters

Name Type
type? string

# Returns

ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>>[]

# Inherited from

Scale.getMatchingVisibleMetas

# Defined in

types/index.d.ts:1281 (opens new window)

# getMinMax

▸ getMinMax(canStack): Object

# Parameters

Name Type
canStack boolean

# Returns

Object

Name Type
max number
min number

# Inherited from

Scale.getMinMax

# Defined in

types/index.d.ts:1346 (opens new window)

# getPadding

▸ Optional getPadding(): ChartArea

Returns an object with padding on the edges

# Returns

ChartArea

# Inherited from

Scale.getPadding

# Defined in

types/layout.d.ts:54 (opens new window)

# getPixelForDecimal

▸ getPixelForDecimal(decimal): number

Utility for getting the pixel location of a percentage of scale +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
decimal number

# Returns

number

# Inherited from

Scale.getPixelForDecimal

# Defined in

types/index.d.ts:1298 (opens new window)

# getPixelForTick

▸ getPixelForTick(index): number

Returns the location of the tick at the given index +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
index number

# Returns

number

# Inherited from

Scale.getPixelForTick

# Defined in

types/index.d.ts:1305 (opens new window)

# getPixelForValue

▸ getPixelForValue(value, index?): number

Returns the location of the given data point. Value can either be an index or a numerical value +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
value number
index? number

# Returns

number

# Inherited from

Scale.getPixelForValue

# Defined in

types/index.d.ts:1325 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<unknown, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends never[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<unknown, P[number]>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Scale.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# getTicks

▸ getTicks(): Tick[]

# Returns

Tick[]

# Inherited from

Scale.getTicks

# Defined in

types/index.d.ts:1347 (opens new window)

# getUserBounds

▸ getUserBounds(): Object

# Returns

Object

Name Type
max number
maxDefined boolean
min number
minDefined boolean

# Inherited from

Scale.getUserBounds

# Defined in

types/index.d.ts:1345 (opens new window)

# getValueForPixel

▸ getValueForPixel(pixel): number

Used to get the data value from a given pixel. This is the inverse of getPixelForValue +The coordinate (0, 0) is at the upper-left corner of the canvas

# Parameters

Name Type
pixel number

# Returns

number

# Inherited from

Scale.getValueForPixel

# Defined in

types/index.d.ts:1333 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Scale.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# init

▸ init(options): void

# Parameters

Name Type
options O

# Returns

void

# Inherited from

Scale.init

# Defined in

types/index.d.ts:1343 (opens new window)

# isFullSize

▸ isFullSize(): boolean

# Returns

boolean

# Inherited from

Scale.isFullSize

# Defined in

types/index.d.ts:1372 (opens new window)

# isHorizontal

▸ isHorizontal(): boolean

returns true if the layout item is horizontal (ie. top or bottom)

# Returns

boolean

# Inherited from

Scale.isHorizontal

# Defined in

types/layout.d.ts:58 (opens new window)

# normalize

▸ normalize(values): number[]

# Parameters

Name Type
values number[]

# Returns

number[]

# Defined in

types/index.d.ts:3434 (opens new window)

# parse

▸ parse(raw, index?): unknown

# Parameters

Name Type
raw unknown
index? number

# Returns

unknown

# Inherited from

Scale.parse

# Defined in

types/index.d.ts:1344 (opens new window)

# setDimensions

▸ setDimensions(): void

# Returns

void

# Inherited from

Scale.setDimensions

# Defined in

types/index.d.ts:1354 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Scale.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

# update

▸ update(width, height, margins?): void

Takes two parameters: width and height.

# Parameters

Name Type
width number
height number
margins? ChartArea

# Returns

void

# Inherited from

Scale.update

# Defined in

types/layout.d.ts:64 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TitleOptions.html b/docs/master/api/interfaces/TitleOptions.html index 6237df1f15..088e983ba3 100644 --- a/docs/master/api/interfaces/TitleOptions.html +++ b/docs/master/api/interfaces/TitleOptions.html @@ -7,7 +7,7 @@ - + @@ -39,8 +39,8 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TitleOptions

# Properties

# align

• align: Align

Alignment of the title.

Default

'center'

# Defined in

types/index.d.ts:2522 (opens new window)

# color

• color: Color

Color of text

See

Defaults.color

# Defined in

types/index.d.ts:2537 (opens new window)

# display

• display: boolean

Is the title shown?

Default

false

# Defined in

types/index.d.ts:2527 (opens new window)

# font

• font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableChartContext>

# Defined in

types/index.d.ts:2538 (opens new window)

# fullSize

• fullSize: boolean

Marks that this box should take the full width/height of the canvas (moving other boxes). If set to false, places the box above/beside the -chart area

Default

true

# Defined in

types/index.d.ts:2545 (opens new window)

# padding

• padding: number | { bottom: number ; top: number }

Adds padding above and below the title text if a single number is specified. It is also possible to change top and bottom padding separately.

# Defined in

types/index.d.ts:2549 (opens new window)

# position

• position: "left" | "top" | "bottom" | "right"

Position of title

Default

'top'

# Defined in

types/index.d.ts:2532 (opens new window)

# text

• text: string | string[]

Title text to display. If specified as an array, text is rendered on multiple lines.

# Defined in

types/index.d.ts:2553 (opens new window)

+ (opens new window)

# Interface: TitleOptions

# Properties

# align

• align: Align

Alignment of the title.

Default

'center'

# Defined in

types/index.d.ts:2522 (opens new window)

# color

• color: Color

Color of text

See

Defaults.color

# Defined in

types/index.d.ts:2537 (opens new window)

# display

• display: boolean

Is the title shown?

Default

false

# Defined in

types/index.d.ts:2527 (opens new window)

# font

• font: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableChartContext>

# Defined in

types/index.d.ts:2538 (opens new window)

# fullSize

• fullSize: boolean

Marks that this box should take the full width/height of the canvas (moving other boxes). If set to false, places the box above/beside the +chart area

Default

true

# Defined in

types/index.d.ts:2545 (opens new window)

# padding

• padding: number | { bottom: number ; top: number }

Adds padding above and below the title text if a single number is specified. It is also possible to change top and bottom padding separately.

# Defined in

types/index.d.ts:2549 (opens new window)

# position

• position: "left" | "top" | "bottom" | "right"

Position of title

Default

'top'

# Defined in

types/index.d.ts:2532 (opens new window)

# text

• text: string | string[]

Title text to display. If specified as an array, text is rendered on multiple lines.

# Defined in

types/index.d.ts:2553 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/Tooltip.html b/docs/master/api/interfaces/Tooltip.html index ae4a247219..aa807a77bb 100644 --- a/docs/master/api/interfaces/Tooltip.html +++ b/docs/master/api/interfaces/Tooltip.html @@ -7,7 +7,7 @@ - + @@ -39,30 +39,30 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: Tooltip

# Hierarchy

# Properties

# defaults

• Optional defaults: Partial<AnyObject>

Default options used in the plugin

# Inherited from

Plugin.defaults

# Defined in

types/index.d.ts:1122 (opens new window)

# events

• Optional events: keyof HTMLElementEventMap[]

The events option defines the browser events that the plugin should listen.

Default

['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']

# Inherited from

Plugin.events

# Defined in

types/index.d.ts:823 (opens new window)

# id

• id: string

# Inherited from

Plugin.id

# Defined in

types/index.d.ts:817 (opens new window)

# positioners

• Readonly positioners: TooltipPositionerMap

# Defined in

types/index.d.ts:2659 (opens new window)

# Methods

# afterBuildTicks

▸ Optional afterBuildTicks(chart, args, options): void

Desc

Called after scale has build its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterBuildTicks

# Defined in

types/index.d.ts:982 (opens new window)

# afterDataLimits

▸ Optional afterDataLimits(chart, args, options): void

Desc

Called after scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDataLimits

# Defined in

types/index.d.ts:966 (opens new window)

# afterDatasetDraw

▸ Optional afterDatasetDraw(chart, args, options): void

Desc

Called after the chart datasets at the given args.index have been drawn + (opens new window)

# Interface: Tooltip

# Hierarchy

# Properties

# defaults

• Optional defaults: Partial<AnyObject>

Default options used in the plugin

# Inherited from

Plugin.defaults

# Defined in

types/index.d.ts:1122 (opens new window)

# events

• Optional events: keyof HTMLElementEventMap[]

The events option defines the browser events that the plugin should listen.

Default

['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']

# Inherited from

Plugin.events

# Defined in

types/index.d.ts:823 (opens new window)

# id

• id: string

# Inherited from

Plugin.id

# Defined in

types/index.d.ts:817 (opens new window)

# positioners

• Readonly positioners: TooltipPositionerMap

# Defined in

types/index.d.ts:2659 (opens new window)

# Methods

# afterBuildTicks

▸ Optional afterBuildTicks(chart, args, options): void

Desc

Called after scale has build its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterBuildTicks

# Defined in

types/index.d.ts:982 (opens new window)

# afterDataLimits

▸ Optional afterDataLimits(chart, args, options): void

Desc

Called after scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDataLimits

# Defined in

types/index.d.ts:966 (opens new window)

# afterDatasetDraw

▸ Optional afterDatasetDraw(chart, args, options): void

Desc

Called after the chart datasets at the given args.index have been drawn (datasets are drawn in the reverse order). Note that this hook will not be called -if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDatasetDraw

# Defined in

types/index.d.ts:1064 (opens new window)

# afterDatasetUpdate

▸ Optional afterDatasetUpdate(chart, args, options): void

Desc

Called after the chart datasets at the given args.index has been updated. Note -that this hook will not be called if the datasets update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDatasetUpdate

# Defined in

types/index.d.ts:941 (opens new window)

# afterDatasetsDraw

▸ Optional afterDatasetsDraw(chart, args, options, cancelable): void

Desc

Called after the chart datasets have been drawn. Note that this hook -will not be called if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.
cancelable false -

# Returns

void

# Inherited from

Plugin.afterDatasetsDraw

# Defined in

types/index.d.ts:1041 (opens new window)

# afterDatasetsUpdate

▸ Optional afterDatasetsUpdate(chart, args, options): void

Desc

Called after the chart datasets have been updated. Note that this hook -will not be called if the datasets update has been previously cancelled.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDatasetsUpdate

# Defined in

types/index.d.ts:918 (opens new window)

# afterDestroy

▸ Optional afterDestroy(chart, args, options): void

Called after the chart has been destroyed.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDestroy

# Defined in

types/index.d.ts:1109 (opens new window)

# afterDraw

▸ Optional afterDraw(chart, args, options): void

Desc

Called after the chart has been drawn. Note that this hook will not be called -if the drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDraw

# Defined in

types/index.d.ts:1024 (opens new window)

# afterEvent

▸ Optional afterEvent(chart, args, options): void

Desc

Called after the event has been consumed. Note that this hook -will not be called if the event has been previously discarded.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.changed? boolean Set to true if the plugin needs a render. Should only be changed to true, because this args object is passed through all plugins.
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterEvent

# Defined in

types/index.d.ts:1087 (opens new window)

# afterInit

▸ Optional afterInit(chart, args, options): void

Desc

Called after chart has been initialized and before the first update.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterInit

# Defined in

types/index.d.ts:862 (opens new window)

# afterLayout

▸ Optional afterLayout(chart, args, options): void

Desc

Called after the chart has been laid out. Note that this hook will not -be called if the layout update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterLayout

# Defined in

types/index.d.ts:990 (opens new window)

# afterRender

▸ Optional afterRender(chart, args, options): void

Desc

Called after the chart has been fully rendered (and animation completed). Note -that this hook will not be called if the rendering has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterRender

# Defined in

types/index.d.ts:1007 (opens new window)

# afterTooltipDraw

▸ Optional afterTooltipDraw(chart, args, options): void

Desc

Called after drawing the tooltip. Note that this hook will not -be called if the tooltip drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.tooltip TooltipModel<keyof ChartTypeRegistry> The tooltip.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterTooltipDraw

# Defined in

types/index.d.ts:2711 (opens new window)

# afterUpdate

▸ Optional afterUpdate(chart, args, options): void

Desc

Called after chart has been updated and before rendering. Note that this -hook will not be called if the chart update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterUpdate

# Defined in

types/index.d.ts:881 (opens new window)

# beforeBuildTicks

▸ Optional beforeBuildTicks(chart, args, options): void

Desc

Called before scale builds its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeBuildTicks

# Defined in

types/index.d.ts:974 (opens new window)

# beforeDataLimits

▸ Optional beforeDataLimits(chart, args, options): void

Desc

Called before scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeDataLimits

# Defined in

types/index.d.ts:958 (opens new window)

# beforeDatasetDraw

▸ Optional beforeDatasetDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart dataset at the given args.index (datasets +if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDatasetDraw

# Defined in

types/index.d.ts:1064 (opens new window)

# afterDatasetUpdate

▸ Optional afterDatasetUpdate(chart, args, options): void

Desc

Called after the chart datasets at the given args.index has been updated. Note +that this hook will not be called if the datasets update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDatasetUpdate

# Defined in

types/index.d.ts:941 (opens new window)

# afterDatasetsDraw

▸ Optional afterDatasetsDraw(chart, args, options, cancelable): void

Desc

Called after the chart datasets have been drawn. Note that this hook +will not be called if the datasets drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.
cancelable false -

# Returns

void

# Inherited from

Plugin.afterDatasetsDraw

# Defined in

types/index.d.ts:1041 (opens new window)

# afterDatasetsUpdate

▸ Optional afterDatasetsUpdate(chart, args, options): void

Desc

Called after the chart datasets have been updated. Note that this hook +will not be called if the datasets update has been previously cancelled.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDatasetsUpdate

# Defined in

types/index.d.ts:918 (opens new window)

# afterDestroy

▸ Optional afterDestroy(chart, args, options): void

Called after the chart has been destroyed.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDestroy

# Defined in

types/index.d.ts:1109 (opens new window)

# afterDraw

▸ Optional afterDraw(chart, args, options): void

Desc

Called after the chart has been drawn. Note that this hook will not be called +if the drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterDraw

# Defined in

types/index.d.ts:1024 (opens new window)

# afterEvent

▸ Optional afterEvent(chart, args, options): void

Desc

Called after the event has been consumed. Note that this hook +will not be called if the event has been previously discarded.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable false -
args.changed? boolean Set to true if the plugin needs a render. Should only be changed to true, because this args object is passed through all plugins.
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterEvent

# Defined in

types/index.d.ts:1087 (opens new window)

# afterInit

▸ Optional afterInit(chart, args, options): void

Desc

Called after chart has been initialized and before the first update.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterInit

# Defined in

types/index.d.ts:862 (opens new window)

# afterLayout

▸ Optional afterLayout(chart, args, options): void

Desc

Called after the chart has been laid out. Note that this hook will not +be called if the layout update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterLayout

# Defined in

types/index.d.ts:990 (opens new window)

# afterRender

▸ Optional afterRender(chart, args, options): void

Desc

Called after the chart has been fully rendered (and animation completed). Note +that this hook will not be called if the rendering has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterRender

# Defined in

types/index.d.ts:1007 (opens new window)

# afterTooltipDraw

▸ Optional afterTooltipDraw(chart, args, options): void

Desc

Called after drawing the tooltip. Note that this hook will not +be called if the tooltip drawing has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.tooltip TooltipModel<keyof ChartTypeRegistry> The tooltip.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterTooltipDraw

# Defined in

types/index.d.ts:2711 (opens new window)

# afterUpdate

▸ Optional afterUpdate(chart, args, options): void

Desc

Called after chart has been updated and before rendering. Note that this +hook will not be called if the chart update has been previously cancelled.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.afterUpdate

# Defined in

types/index.d.ts:881 (opens new window)

# beforeBuildTicks

▸ Optional beforeBuildTicks(chart, args, options): void

Desc

Called before scale builds its ticks. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeBuildTicks

# Defined in

types/index.d.ts:974 (opens new window)

# beforeDataLimits

▸ Optional beforeDataLimits(chart, args, options): void

Desc

Called before scale data limits are calculated. This hook is called separately for each scale in the chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.scale Scale<CoreScaleOptions> The scale.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeDataLimits

# Defined in

types/index.d.ts:958 (opens new window)

# beforeDatasetDraw

▸ Optional beforeDatasetDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart dataset at the given args.index (datasets are drawn in the reverse order). If any plugin returns false, the datasets drawing -is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Inherited from

Plugin.beforeDatasetDraw

# Defined in

types/index.d.ts:1053 (opens new window)

# beforeDatasetUpdate

▸ Optional beforeDatasetUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart dataset at the given args.index. If any plugin -returns false, the datasets update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Inherited from

Plugin.beforeDatasetUpdate

# Defined in

types/index.d.ts:930 (opens new window)

# beforeDatasetsDraw

▸ Optional beforeDatasetsDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart datasets. If any plugin returns false, -the datasets drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Inherited from

Plugin.beforeDatasetsDraw

# Defined in

types/index.d.ts:1033 (opens new window)

# beforeDatasetsUpdate

▸ Optional beforeDatasetsUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart datasets. If any plugin returns false, -the datasets update is cancelled until another update is triggered.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the datasets update.

# Inherited from

Plugin.beforeDatasetsUpdate

# Defined in

types/index.d.ts:908 (opens new window)

# beforeDestroy

▸ Optional beforeDestroy(chart, args, options): void

Called before the chart is being destroyed.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeDestroy

# Defined in

types/index.d.ts:1102 (opens new window)

# beforeDraw

▸ Optional beforeDraw(chart, args, options): boolean | void

Desc

Called before drawing chart at every animation frame. If any plugin returns false, -the frame drawing is cancelled untilanother render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart drawing.

# Inherited from

Plugin.beforeDraw

# Defined in

types/index.d.ts:1016 (opens new window)

# beforeElementsUpdate

▸ Optional beforeElementsUpdate(chart, args, options): void

Desc

Called during the update process, before any chart elements have been created. -This can be used for data decimation by changing the data array inside a dataset.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeElementsUpdate

# Defined in

types/index.d.ts:889 (opens new window)

# beforeEvent

▸ Optional beforeEvent(chart, args, options): boolean | void

Desc

Called before processing the specified event. If any plugin returns false, -the event will be discarded.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options AnyObject The plugin options.

# Returns

boolean | void

# Inherited from

Plugin.beforeEvent

# Defined in

types/index.d.ts:1075 (opens new window)

# beforeInit

▸ Optional beforeInit(chart, args, options): void

Desc

Called before initializing chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeInit

# Defined in

types/index.d.ts:855 (opens new window)

# beforeLayout

▸ Optional beforeLayout(chart, args, options): boolean | void

Desc

Called before laying out chart. If any plugin returns false, -the layout update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart layout.

# Inherited from

Plugin.beforeLayout

# Defined in

types/index.d.ts:950 (opens new window)

# beforeRender

▸ Optional beforeRender(chart, args, options): boolean | void

Desc

Called before rendering chart. If any plugin returns false, -the rendering is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart rendering.

# Inherited from

Plugin.beforeRender

# Defined in

types/index.d.ts:999 (opens new window)

# beforeTooltipDraw

▸ Optional beforeTooltipDraw(chart, args, options): boolean | void

Desc

Called before drawing the tooltip. If any plugin returns false, -the tooltip drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.tooltip TooltipModel<keyof ChartTypeRegistry> The tooltip.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart tooltip drawing.

# Inherited from

Plugin.beforeTooltipDraw

# Defined in

types/index.d.ts:2702 (opens new window)

# beforeUpdate

▸ Optional beforeUpdate(chart, args, options): boolean | void

Desc

Called before updating chart. If any plugin returns false, the update -is cancelled (and thus subsequent render(s)) until another update is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart update.

# Inherited from

Plugin.beforeUpdate

# Defined in

types/index.d.ts:872 (opens new window)

# install

▸ Optional install(chart, args, options): void

Desc

Called when plugin is installed for this chart instance. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.install

# Defined in

types/index.d.ts:832 (opens new window)

# reset

▸ Optional reset(chart, args, options): void

Desc

Called during chart reset

Since

version 3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.reset

# Defined in

types/index.d.ts:897 (opens new window)

# resize

▸ Optional resize(chart, args, options): void

Desc

Called after the chart as been resized.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.size Object The new canvas display size (eq. canvas.style width & height).
args.size.height number -
args.size.width number -
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.resize

# Defined in

types/index.d.ts:1095 (opens new window)

# start

▸ Optional start(chart, args, options): void

Desc

Called when a plugin is starting. This happens when chart is created or plugin is enabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.start

# Defined in

types/index.d.ts:840 (opens new window)

# stop

▸ Optional stop(chart, args, options): void

Desc

Called when a plugin stopping. This happens when chart is destroyed or plugin is disabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.stop

# Defined in

types/index.d.ts:848 (opens new window)

# uninstall

▸ Optional uninstall(chart, args, options): void

Called after chart is destroyed on all plugins that were installed for that chart. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.uninstall

# Defined in

types/index.d.ts:1117 (opens new window)

+is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Inherited from

Plugin.beforeDatasetDraw

# Defined in

types/index.d.ts:1053 (opens new window)

# beforeDatasetUpdate

▸ Optional beforeDatasetUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart dataset at the given args.index. If any plugin +returns false, the datasets update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.index number The dataset index.
args.meta ChartMeta<keyof ChartTypeRegistry, default<AnyObject, AnyObject>, default<AnyObject, AnyObject>> The dataset metadata.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Inherited from

Plugin.beforeDatasetUpdate

# Defined in

types/index.d.ts:930 (opens new window)

# beforeDatasetsDraw

▸ Optional beforeDatasetsDraw(chart, args, options): boolean | void

Desc

Called before drawing the chart datasets. If any plugin returns false, +the datasets drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart datasets drawing.

# Inherited from

Plugin.beforeDatasetsDraw

# Defined in

types/index.d.ts:1033 (opens new window)

# beforeDatasetsUpdate

▸ Optional beforeDatasetsUpdate(chart, args, options): boolean | void

Desc

Called before updating the chart datasets. If any plugin returns false, +the datasets update is cancelled until another update is triggered.

Since

version 2.1.5

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the datasets update.

# Inherited from

Plugin.beforeDatasetsUpdate

# Defined in

types/index.d.ts:908 (opens new window)

# beforeDestroy

▸ Optional beforeDestroy(chart, args, options): void

Called before the chart is being destroyed.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeDestroy

# Defined in

types/index.d.ts:1102 (opens new window)

# beforeDraw

▸ Optional beforeDraw(chart, args, options): boolean | void

Desc

Called before drawing chart at every animation frame. If any plugin returns false, +the frame drawing is cancelled untilanother render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart drawing.

# Inherited from

Plugin.beforeDraw

# Defined in

types/index.d.ts:1016 (opens new window)

# beforeElementsUpdate

▸ Optional beforeElementsUpdate(chart, args, options): void

Desc

Called during the update process, before any chart elements have been created. +This can be used for data decimation by changing the data array inside a dataset.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeElementsUpdate

# Defined in

types/index.d.ts:889 (opens new window)

# beforeEvent

▸ Optional beforeEvent(chart, args, options): boolean | void

Desc

Called before processing the specified event. If any plugin returns false, +the event will be discarded.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.event ChartEvent The event object.
args.inChartArea boolean The event position is inside chartArea
args.replay boolean True if this event is replayed from Chart.update
options AnyObject The plugin options.

# Returns

boolean | void

# Inherited from

Plugin.beforeEvent

# Defined in

types/index.d.ts:1075 (opens new window)

# beforeInit

▸ Optional beforeInit(chart, args, options): void

Desc

Called before initializing chart.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.beforeInit

# Defined in

types/index.d.ts:855 (opens new window)

# beforeLayout

▸ Optional beforeLayout(chart, args, options): boolean | void

Desc

Called before laying out chart. If any plugin returns false, +the layout update is cancelled until another update is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart layout.

# Inherited from

Plugin.beforeLayout

# Defined in

types/index.d.ts:950 (opens new window)

# beforeRender

▸ Optional beforeRender(chart, args, options): boolean | void

Desc

Called before rendering chart. If any plugin returns false, +the rendering is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart rendering.

# Inherited from

Plugin.beforeRender

# Defined in

types/index.d.ts:999 (opens new window)

# beforeTooltipDraw

▸ Optional beforeTooltipDraw(chart, args, options): boolean | void

Desc

Called before drawing the tooltip. If any plugin returns false, +the tooltip drawing is cancelled until another render is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.tooltip TooltipModel<keyof ChartTypeRegistry> The tooltip.
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart tooltip drawing.

# Inherited from

Plugin.beforeTooltipDraw

# Defined in

types/index.d.ts:2702 (opens new window)

# beforeUpdate

▸ Optional beforeUpdate(chart, args, options): boolean | void

Desc

Called before updating chart. If any plugin returns false, the update +is cancelled (and thus subsequent render(s)) until another update is triggered.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.cancelable true -
args.mode "none" | "hide" | "show" | "default" | "active" | "resize" | "reset" The update mode
options AnyObject The plugin options.

# Returns

boolean | void

false to cancel the chart update.

# Inherited from

Plugin.beforeUpdate

# Defined in

types/index.d.ts:872 (opens new window)

# install

▸ Optional install(chart, args, options): void

Desc

Called when plugin is installed for this chart instance. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.install

# Defined in

types/index.d.ts:832 (opens new window)

# reset

▸ Optional reset(chart, args, options): void

Desc

Called during chart reset

Since

version 3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.reset

# Defined in

types/index.d.ts:897 (opens new window)

# resize

▸ Optional resize(chart, args, options): void

Desc

Called after the chart as been resized.

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args Object The call arguments.
args.size Object The new canvas display size (eq. canvas.style width & height).
args.size.height number -
args.size.width number -
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.resize

# Defined in

types/index.d.ts:1095 (opens new window)

# start

▸ Optional start(chart, args, options): void

Desc

Called when a plugin is starting. This happens when chart is created or plugin is enabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.start

# Defined in

types/index.d.ts:840 (opens new window)

# stop

▸ Optional stop(chart, args, options): void

Desc

Called when a plugin stopping. This happens when chart is destroyed or plugin is disabled.

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.stop

# Defined in

types/index.d.ts:848 (opens new window)

# uninstall

▸ Optional uninstall(chart, args, options): void

Called after chart is destroyed on all plugins that were installed for that chart. This hook is also invoked for disabled plugins (options === false).

Since

3.0.0

# Parameters

Name Type Description
chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown> The chart instance.
args EmptyObject The call arguments.
options AnyObject The plugin options.

# Returns

void

# Inherited from

Plugin.uninstall

# Defined in

types/index.d.ts:1117 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TooltipCallbacks.html b/docs/master/api/interfaces/TooltipCallbacks.html index be30ef745d..cb1b4415d2 100644 --- a/docs/master/api/interfaces/TooltipCallbacks.html +++ b/docs/master/api/interfaces/TooltipCallbacks.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TooltipCallbacks<TType, Model, Item>

# Type parameters

Name Type
TType extends ChartType
Model TooltipModel<TType>
Item TooltipItem<TType>

# Methods

# afterBody

▸ afterBody(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2674 (opens new window)

# afterFooter

▸ afterFooter(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2686 (opens new window)

# afterLabel

▸ afterLabel(this, tooltipItem): string | void | string[]

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2678 (opens new window)

# afterTitle

▸ afterTitle(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2671 (opens new window)

# beforeBody

▸ beforeBody(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2673 (opens new window)

# beforeFooter

▸ beforeFooter(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2684 (opens new window)

# beforeLabel

▸ beforeLabel(this, tooltipItem): string | void | string[]

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2676 (opens new window)

# beforeTitle

▸ beforeTitle(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2669 (opens new window)

▸ footer(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2685 (opens new window)

# label

▸ label(this, tooltipItem): string | void | string[]

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2677 (opens new window)

# labelColor

▸ labelColor(this, tooltipItem): void | TooltipLabelStyle

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

void | TooltipLabelStyle

# Defined in

types/index.d.ts:2680 (opens new window)

# labelPointStyle

▸ labelPointStyle(this, tooltipItem): void | { pointStyle: PointStyle ; rotation: number }

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

void | { pointStyle: PointStyle ; rotation: number }

# Defined in

types/index.d.ts:2682 (opens new window)

# labelTextColor

▸ labelTextColor(this, tooltipItem): void | Color

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

void | Color

# Defined in

types/index.d.ts:2681 (opens new window)

# title

▸ title(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2670 (opens new window)

+ (opens new window)

# Interface: TooltipCallbacks<TType, Model, Item>

# Type parameters

Name Type
TType extends ChartType
Model TooltipModel<TType>
Item TooltipItem<TType>

# Methods

# afterBody

▸ afterBody(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2674 (opens new window)

# afterFooter

▸ afterFooter(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2686 (opens new window)

# afterLabel

▸ afterLabel(this, tooltipItem): string | void | string[]

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2678 (opens new window)

# afterTitle

▸ afterTitle(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2671 (opens new window)

# beforeBody

▸ beforeBody(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2673 (opens new window)

# beforeFooter

▸ beforeFooter(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2684 (opens new window)

# beforeLabel

▸ beforeLabel(this, tooltipItem): string | void | string[]

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2676 (opens new window)

# beforeTitle

▸ beforeTitle(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2669 (opens new window)

▸ footer(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2685 (opens new window)

# label

▸ label(this, tooltipItem): string | void | string[]

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2677 (opens new window)

# labelColor

▸ labelColor(this, tooltipItem): void | TooltipLabelStyle

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

void | TooltipLabelStyle

# Defined in

types/index.d.ts:2680 (opens new window)

# labelPointStyle

▸ labelPointStyle(this, tooltipItem): void | { pointStyle: PointStyle ; rotation: number }

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

void | { pointStyle: PointStyle ; rotation: number }

# Defined in

types/index.d.ts:2682 (opens new window)

# labelTextColor

▸ labelTextColor(this, tooltipItem): void | Color

# Parameters

Name Type
this Model
tooltipItem Item

# Returns

void | Color

# Defined in

types/index.d.ts:2681 (opens new window)

# title

▸ title(this, tooltipItems): string | void | string[]

# Parameters

Name Type
this Model
tooltipItems Item[]

# Returns

string | void | string[]

# Defined in

types/index.d.ts:2670 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TooltipItem.html b/docs/master/api/interfaces/TooltipItem.html index 3473c3e813..cb6cb1c510 100644 --- a/docs/master/api/interfaces/TooltipItem.html +++ b/docs/master/api/interfaces/TooltipItem.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TooltipItem<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

The chart the tooltip is being shown on

# Defined in

types/index.d.ts:2903 (opens new window)

# dataIndex

• dataIndex: number

Index of this data item in the dataset

# Defined in

types/index.d.ts:2938 (opens new window)

# dataset

• dataset: UnionToIntersection<ChartDataset<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>>>

The dataset the item comes from

# Defined in

types/index.d.ts:2928 (opens new window)

# datasetIndex

• datasetIndex: number

Index of the dataset the item comes from

# Defined in

types/index.d.ts:2933 (opens new window)

# element

• element: default<AnyObject, AnyObject>

The chart element (point, arc, bar, etc.) for this tooltip item

# Defined in

types/index.d.ts:2943 (opens new window)

# formattedValue

• formattedValue: string

Formatted value for the tooltip

# Defined in

types/index.d.ts:2923 (opens new window)

# label

• label: string

Label for the tooltip

# Defined in

types/index.d.ts:2908 (opens new window)

# parsed

• parsed: UnionToIntersection<ParsedDataType<TType>>

Parsed data values for the given dataIndex and datasetIndex

# Defined in

types/index.d.ts:2913 (opens new window)

# raw

• raw: unknown

Raw data values for the given dataIndex and datasetIndex

# Defined in

types/index.d.ts:2918 (opens new window)

+ (opens new window)

# Interface: TooltipItem<TType>

# Type parameters

Name Type
TType extends ChartType

# Properties

# chart

• chart: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>

The chart the tooltip is being shown on

# Defined in

types/index.d.ts:2903 (opens new window)

# dataIndex

• dataIndex: number

Index of this data item in the dataset

# Defined in

types/index.d.ts:2938 (opens new window)

# dataset

• dataset: UnionToIntersection<ChartDataset<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>>>

The dataset the item comes from

# Defined in

types/index.d.ts:2928 (opens new window)

# datasetIndex

• datasetIndex: number

Index of the dataset the item comes from

# Defined in

types/index.d.ts:2933 (opens new window)

# element

• element: default<AnyObject, AnyObject>

The chart element (point, arc, bar, etc.) for this tooltip item

# Defined in

types/index.d.ts:2943 (opens new window)

# formattedValue

• formattedValue: string

Formatted value for the tooltip

# Defined in

types/index.d.ts:2923 (opens new window)

# label

• label: string

Label for the tooltip

# Defined in

types/index.d.ts:2908 (opens new window)

# parsed

• parsed: UnionToIntersection<ParsedDataType<TType>>

Parsed data values for the given dataIndex and datasetIndex

# Defined in

types/index.d.ts:2913 (opens new window)

# raw

• raw: unknown

Raw data values for the given dataIndex and datasetIndex

# Defined in

types/index.d.ts:2918 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TooltipLabelStyle.html b/docs/master/api/interfaces/TooltipLabelStyle.html index e611311761..82c9e6fc36 100644 --- a/docs/master/api/interfaces/TooltipLabelStyle.html +++ b/docs/master/api/interfaces/TooltipLabelStyle.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TooltipLabelStyle

# Properties

# backgroundColor

• backgroundColor: Color

# Defined in

types/index.d.ts:2560 (opens new window)

# borderColor

• borderColor: Color

# Defined in

types/index.d.ts:2559 (opens new window)

# borderDash

• Optional borderDash: [number, number]

Border dash

Since

3.1.0

# Defined in

types/index.d.ts:2572 (opens new window)

# borderDashOffset

• Optional borderDashOffset: number

Border dash offset

Since

3.1.0

# Defined in

types/index.d.ts:2578 (opens new window)

# borderRadius

• Optional borderRadius: number | BorderRadius

borderRadius

Since

3.1.0

# Defined in

types/index.d.ts:2584 (opens new window)

# borderWidth

• Optional borderWidth: number

Width of border line

Since

3.1.0

# Defined in

types/index.d.ts:2566 (opens new window)

+ (opens new window)

# Interface: TooltipLabelStyle

# Properties

# backgroundColor

• backgroundColor: Color

# Defined in

types/index.d.ts:2560 (opens new window)

# borderColor

• borderColor: Color

# Defined in

types/index.d.ts:2559 (opens new window)

# borderDash

• Optional borderDash: [number, number]

Border dash

Since

3.1.0

# Defined in

types/index.d.ts:2572 (opens new window)

# borderDashOffset

• Optional borderDashOffset: number

Border dash offset

Since

3.1.0

# Defined in

types/index.d.ts:2578 (opens new window)

# borderRadius

• Optional borderRadius: number | BorderRadius

borderRadius

Since

3.1.0

# Defined in

types/index.d.ts:2584 (opens new window)

# borderWidth

• Optional borderWidth: number

Width of border line

Since

3.1.0

# Defined in

types/index.d.ts:2566 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TooltipModel.html b/docs/master/api/interfaces/TooltipModel.html index c8e00f5009..65d2fb1331 100644 --- a/docs/master/api/interfaces/TooltipModel.html +++ b/docs/master/api/interfaces/TooltipModel.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TooltipModel<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# $animations

• $animations: Record<string, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# afterBody

• afterBody: string[]

# Defined in

types/index.d.ts:2615 (opens new window)

# beforeBody

• beforeBody: string[]

# Defined in

types/index.d.ts:2613 (opens new window)

# body

• body: { after: string[] ; before: string[] ; lines: string[] }[]

# Defined in

types/index.d.ts:2611 (opens new window)

# caretX

• caretX: number

# Defined in

types/index.d.ts:2602 (opens new window)

# caretY

• caretY: number

# Defined in

types/index.d.ts:2603 (opens new window)

# chart

• Readonly chart: Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown>

# Defined in

types/index.d.ts:2587 (opens new window)

# dataPoints

• dataPoints: TooltipItem<TType>[]

# Defined in

types/index.d.ts:2590 (opens new window)

• footer: string[]

# Defined in

types/index.d.ts:2623 (opens new window)

# height

• height: number

# Defined in

types/index.d.ts:2600 (opens new window)

# labelColors

• labelColors: TooltipLabelStyle[]

# Defined in

types/index.d.ts:2626 (opens new window)

# labelPointStyles

• labelPointStyles: { pointStyle: PointStyle ; rotation: number }[]

# Defined in

types/index.d.ts:2628 (opens new window)

# labelTextColors

• labelTextColors: Color[]

# Defined in

types/index.d.ts:2627 (opens new window)

# opacity

• opacity: number

# Defined in

types/index.d.ts:2631 (opens new window)

# options

• options: TooltipOptions<TType>

# Overrides

Element.options

# Defined in

types/index.d.ts:2634 (opens new window)

# title

• title: string[]

# Defined in

types/index.d.ts:2619 (opens new window)

# width

• width: number

# Defined in

types/index.d.ts:2599 (opens new window)

# x

• x: number

# Overrides

Element.x

# Defined in

types/index.d.ts:2597 (opens new window)

# xAlign

• xAlign: TooltipXAlignment

# Defined in

types/index.d.ts:2593 (opens new window)

# y

• y: number

# Overrides

Element.y

# Defined in

types/index.d.ts:2598 (opens new window)

# yAlign

• yAlign: TooltipYAlignment

# Defined in

types/index.d.ts:2594 (opens new window)

# Methods

# getActiveElements

▸ getActiveElements(): ActiveElement[]

# Returns

ActiveElement[]

# Defined in

types/index.d.ts:2636 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<AnyObject, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends string[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<AnyObject, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# setActiveElements

▸ setActiveElements(active, eventPosition): void

# Parameters

Name Type
active ActiveDataPoint[]
eventPosition Point

# Returns

void

# Defined in

types/index.d.ts:2637 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

+ (opens new window)

# Interface: TooltipModel<TType>

# Type parameters

Name Type
TType extends ChartType

# Hierarchy

# Properties

# $animations

• $animations: Record<string, Animation>

# Inherited from

Element.$animations

# Defined in

core/core.element.ts:15 (opens new window)

# active

• active: boolean = false

# Inherited from

Element.active

# Defined in

core/core.element.ts:13 (opens new window)

# afterBody

• afterBody: string[]

# Defined in

types/index.d.ts:2615 (opens new window)

# beforeBody

• beforeBody: string[]

# Defined in

types/index.d.ts:2613 (opens new window)

# body

• body: { after: string[] ; before: string[] ; lines: string[] }[]

# Defined in

types/index.d.ts:2611 (opens new window)

# caretX

• caretX: number

# Defined in

types/index.d.ts:2602 (opens new window)

# caretY

• caretY: number

# Defined in

types/index.d.ts:2603 (opens new window)

# chart

• Readonly chart: Chart<TType, DistributiveArray<ChartTypeRegistry[TType]["defaultDataPoint"]>, unknown>

# Defined in

types/index.d.ts:2587 (opens new window)

# dataPoints

• dataPoints: TooltipItem<TType>[]

# Defined in

types/index.d.ts:2590 (opens new window)

• footer: string[]

# Defined in

types/index.d.ts:2623 (opens new window)

# height

• height: number

# Defined in

types/index.d.ts:2600 (opens new window)

# labelColors

• labelColors: TooltipLabelStyle[]

# Defined in

types/index.d.ts:2626 (opens new window)

# labelPointStyles

• labelPointStyles: { pointStyle: PointStyle ; rotation: number }[]

# Defined in

types/index.d.ts:2628 (opens new window)

# labelTextColors

• labelTextColors: Color[]

# Defined in

types/index.d.ts:2627 (opens new window)

# opacity

• opacity: number

# Defined in

types/index.d.ts:2631 (opens new window)

# options

• options: TooltipOptions<TType>

# Overrides

Element.options

# Defined in

types/index.d.ts:2634 (opens new window)

# title

• title: string[]

# Defined in

types/index.d.ts:2619 (opens new window)

# width

• width: number

# Defined in

types/index.d.ts:2599 (opens new window)

# x

• x: number

# Overrides

Element.x

# Defined in

types/index.d.ts:2597 (opens new window)

# xAlign

• xAlign: TooltipXAlignment

# Defined in

types/index.d.ts:2593 (opens new window)

# y

• y: number

# Overrides

Element.y

# Defined in

types/index.d.ts:2598 (opens new window)

# yAlign

• yAlign: TooltipYAlignment

# Defined in

types/index.d.ts:2594 (opens new window)

# Methods

# getActiveElements

▸ getActiveElements(): ActiveElement[]

# Returns

ActiveElement[]

# Defined in

types/index.d.ts:2636 (opens new window)

# getProps

▸ getProps<P>(props, final?): Pick<AnyObject, P[number]>

Gets the current or final value of each prop. Can return extra properties (whole object).

# Type parameters

Name Type
P extends string[]

# Parameters

Name Type Description
props P properties to get
final? boolean get the final value (animation target)

# Returns

Pick<AnyObject, P[number]>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:31 (opens new window)

▸ getProps<P>(props, final?): Partial<Record<P, unknown>>

# Type parameters

Name Type
P extends string

# Parameters

Name Type
props P[]
final? boolean

# Returns

Partial<Record<P, unknown>>

# Inherited from

Element.getProps

# Defined in

core/core.element.ts:32 (opens new window)

# hasValue

▸ hasValue(): boolean

# Returns

boolean

# Inherited from

Element.hasValue

# Defined in

core/core.element.ts:22 (opens new window)

# setActiveElements

▸ setActiveElements(active, eventPosition): void

# Parameters

Name Type
active ActiveDataPoint[]
eventPosition Point

# Returns

void

# Defined in

types/index.d.ts:2637 (opens new window)

# tooltipPosition

▸ tooltipPosition(useFinalPosition): Point

# Parameters

Name Type
useFinalPosition boolean

# Returns

Point

# Inherited from

Element.tooltipPosition

# Defined in

core/core.element.ts:17 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TooltipOptions.html b/docs/master/api/interfaces/TooltipOptions.html index dcf9f8ab78..139ee449f4 100644 --- a/docs/master/api/interfaces/TooltipOptions.html +++ b/docs/master/api/interfaces/TooltipOptions.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TooltipOptions<TType>

# Type parameters

Name Type
TType extends ChartType = ChartType

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<TType>

# Defined in

types/index.d.ts:2894 (opens new window)

# animations

• animations: false | AnimationsSpec<TType>

# Defined in

types/index.d.ts:2895 (opens new window)

# axis

• axis: InteractionAxis

Defines which directions are used in calculating distances. Defaults to 'x' for 'index' mode and 'xy' in dataset and 'nearest' modes.

# Inherited from

CoreInteractionOptions.axis

# Defined in

types/index.d.ts:1579 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Background color of the tooltip.

Default

'rgba(0, 0, 0, 0.8)'

# Defined in

types/index.d.ts:2752 (opens new window)

# bodyAlign

• bodyAlign: Scriptable<TextAlign, ScriptableTooltipContext<TType>>

Horizontal alignment of the body text lines.

Default

'left'

# Defined in

types/index.d.ts:2802 (opens new window)

# bodyColor

• bodyColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of body

Default

'#fff'

# Defined in

types/index.d.ts:2792 (opens new window)

# bodyFont

• bodyFont: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableTooltipContext<TType>>

See Fonts.

Default

# Defined in

types/index.d.ts:2797 (opens new window)

# bodySpacing

• bodySpacing: Scriptable<number, ScriptableTooltipContext<TType>>

Spacing to add to top and bottom of each tooltip item.

Default

2

# Defined in

types/index.d.ts:2787 (opens new window)

# borderColor

• borderColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of the border.

Default

'rgba(0, 0, 0, 0)'

# Defined in

types/index.d.ts:2877 (opens new window)

# borderWidth

• borderWidth: Scriptable<number, ScriptableTooltipContext<TType>>

Size of the border.

Default

0

# Defined in

types/index.d.ts:2882 (opens new window)

# boxHeight

• boxHeight: Scriptable<number, ScriptableTooltipContext<TType>>

Height of the color box if displayColors is true.

Default

bodyFont.size

# Defined in

types/index.d.ts:2867 (opens new window)

# boxPadding

• boxPadding: number

Padding between the color box and the text.

Default

1

# Defined in

types/index.d.ts:2757 (opens new window)

# boxWidth

• boxWidth: Scriptable<number, ScriptableTooltipContext<TType>>

Width of the color box if displayColors is true.

Default

bodyFont.size

# Defined in

types/index.d.ts:2862 (opens new window)

# callbacks

• callbacks: TooltipCallbacks<TType, TooltipModel<TType>, TooltipItem<TType>>

# Defined in

types/index.d.ts:2896 (opens new window)

# caretPadding

• caretPadding: Scriptable<number, ScriptableTooltipContext<TType>>

Extra distance to move the end of the tooltip arrow away from the tooltip point.

Default

2

# Defined in

types/index.d.ts:2837 (opens new window)

# caretSize

• caretSize: Scriptable<number, ScriptableTooltipContext<TType>>

Size, in px, of the tooltip arrow.

Default

5

# Defined in

types/index.d.ts:2842 (opens new window)

# cornerRadius

• cornerRadius: Scriptable<number | BorderRadius, ScriptableTooltipContext<TType>>

Radius of tooltip corner curves.

Default

6

# Defined in

types/index.d.ts:2847 (opens new window)

# displayColors

• displayColors: Scriptable<boolean, ScriptableTooltipContext<TType>>

If true, color boxes are shown in the tooltip.

Default

true

# Defined in

types/index.d.ts:2857 (opens new window)

# enabled

• enabled: Scriptable<boolean, ScriptableTooltipContext<TType>>

Are on-canvas tooltips enabled?

Default

true

# Defined in

types/index.d.ts:2725 (opens new window)

# filter

• filter: (e: TooltipItem<TType>, index: number, array: TooltipItem<TType>[], data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => boolean

# Type declaration

▸ (e, index, array, data): boolean

# Parameters
Name Type
e TooltipItem<TType>
index number
array TooltipItem<TType>[]
data ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
# Returns

boolean

# Defined in

types/index.d.ts:2746 (opens new window)

# footerAlign

• footerAlign: Scriptable<TextAlign, ScriptableTooltipContext<TType>>

Horizontal alignment of the footer text lines.

Default

'left'

# Defined in

types/index.d.ts:2827 (opens new window)

# footerColor

• footerColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of footer

Default

'#fff'

# Defined in

types/index.d.ts:2817 (opens new window)

# footerFont

• footerFont: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableTooltipContext<TType>>

See Fonts

Default

# Defined in

types/index.d.ts:2822 (opens new window)

# footerMarginTop

• footerMarginTop: Scriptable<number, ScriptableTooltipContext<TType>>

Margin to add before drawing the footer.

Default

6

# Defined in

types/index.d.ts:2812 (opens new window)

# footerSpacing

• footerSpacing: Scriptable<number, ScriptableTooltipContext<TType>>

Spacing to add to top and bottom of each footer line.

Default

2

# Defined in

types/index.d.ts:2807 (opens new window)

# includeInvisible

• includeInvisible: boolean

if true, the invisible points that are outside of the chart area will also be included when evaluating interactions.

Default

false

# Inherited from

CoreInteractionOptions.includeInvisible

# Defined in

types/index.d.ts:1585 (opens new window)

# intersect

• intersect: boolean

if true, the hover mode only applies when the mouse position intersects an item on the chart.

Default

true

# Inherited from

CoreInteractionOptions.intersect

# Defined in

types/index.d.ts:1574 (opens new window)

# itemSort

• itemSort: (a: TooltipItem<TType>, b: TooltipItem<TType>, data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => number

# Type declaration

▸ (a, b, data): number

Sort tooltip items.

# Parameters
Name Type
a TooltipItem<TType>
b TooltipItem<TType>
data ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
# Returns

number

# Defined in

types/index.d.ts:2744 (opens new window)

# mode

• mode: keyof InteractionModeMap

Sets which elements appear in the tooltip. See Interaction Modes for details.

Default

'nearest'

# Inherited from

CoreInteractionOptions.mode

# Defined in

types/index.d.ts:1569 (opens new window)

# multiKeyBackground

• multiKeyBackground: Scriptable<Color, ScriptableTooltipContext<TType>>

Color to draw behind the colored boxes when multiple items are in the tooltip.

Default

'#fff'

# Defined in

types/index.d.ts:2852 (opens new window)

# padding

• padding: Scriptable<Padding, ScriptableTooltipContext<TType>>

Padding to add to the tooltip

Default

6

# Defined in

types/index.d.ts:2832 (opens new window)

# position

• position: Scriptable<keyof TooltipPositionerMap, ScriptableTooltipContext<TType>>

The mode for positioning the tooltip

# Defined in

types/index.d.ts:2733 (opens new window)

# rtl

• rtl: Scriptable<boolean, ScriptableTooltipContext<TType>>

true for rendering the legends from right to left.

# Defined in

types/index.d.ts:2886 (opens new window)

# textDirection

• textDirection: Scriptable<string, ScriptableTooltipContext<TType>>

This will force the text direction 'rtl' or 'ltr on the canvas for rendering the tooltips, regardless of the css specified on the canvas

Default

canvas's default

# Defined in

types/index.d.ts:2892 (opens new window)

# titleAlign

• titleAlign: Scriptable<TextAlign, ScriptableTooltipContext<TType>>

Horizontal alignment of the title text lines.

Default

'left'

# Defined in

types/index.d.ts:2782 (opens new window)

# titleColor

• titleColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of title

Default

'#fff'

# Defined in

types/index.d.ts:2762 (opens new window)

# titleFont

• titleFont: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableTooltipContext<TType>>

See Fonts

Default

# Defined in

types/index.d.ts:2767 (opens new window)

# titleMarginBottom

• titleMarginBottom: Scriptable<number, ScriptableTooltipContext<TType>>

Margin to add on bottom of title section.

Default

6

# Defined in

types/index.d.ts:2777 (opens new window)

# titleSpacing

• titleSpacing: Scriptable<number, ScriptableTooltipContext<TType>>

Spacing to add to top and bottom of each title line.

Default

2

# Defined in

types/index.d.ts:2772 (opens new window)

# usePointStyle

• usePointStyle: Scriptable<boolean, ScriptableTooltipContext<TType>>

Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight)

Default

false

# Defined in

types/index.d.ts:2872 (opens new window)

# xAlign

• xAlign: Scriptable<TooltipXAlignment, ScriptableTooltipContext<TType>>

Override the tooltip alignment calculations

# Defined in

types/index.d.ts:2738 (opens new window)

# yAlign

• yAlign: Scriptable<TooltipYAlignment, ScriptableTooltipContext<TType>>

# Defined in

types/index.d.ts:2739 (opens new window)

# Methods

# external

▸ external(this, args): void

See external tooltip section.

# Parameters

Name Type
this TooltipModel<TType>
args Object
args.chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
args.tooltip TooltipModel<TType>

# Returns

void

# Defined in

types/index.d.ts:2729 (opens new window)

+ (opens new window)

# Interface: TooltipOptions<TType>

# Type parameters

Name Type
TType extends ChartType = ChartType

# Hierarchy

# Properties

# animation

• animation: false | AnimationSpec<TType>

# Defined in

types/index.d.ts:2894 (opens new window)

# animations

• animations: false | AnimationsSpec<TType>

# Defined in

types/index.d.ts:2895 (opens new window)

# axis

• axis: InteractionAxis

Defines which directions are used in calculating distances. Defaults to 'x' for 'index' mode and 'xy' in dataset and 'nearest' modes.

# Inherited from

CoreInteractionOptions.axis

# Defined in

types/index.d.ts:1579 (opens new window)

# backgroundColor

• backgroundColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Background color of the tooltip.

Default

'rgba(0, 0, 0, 0.8)'

# Defined in

types/index.d.ts:2752 (opens new window)

# bodyAlign

• bodyAlign: Scriptable<TextAlign, ScriptableTooltipContext<TType>>

Horizontal alignment of the body text lines.

Default

'left'

# Defined in

types/index.d.ts:2802 (opens new window)

# bodyColor

• bodyColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of body

Default

'#fff'

# Defined in

types/index.d.ts:2792 (opens new window)

# bodyFont

• bodyFont: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableTooltipContext<TType>>

See Fonts.

Default

# Defined in

types/index.d.ts:2797 (opens new window)

# bodySpacing

• bodySpacing: Scriptable<number, ScriptableTooltipContext<TType>>

Spacing to add to top and bottom of each tooltip item.

Default

2

# Defined in

types/index.d.ts:2787 (opens new window)

# borderColor

• borderColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of the border.

Default

'rgba(0, 0, 0, 0)'

# Defined in

types/index.d.ts:2877 (opens new window)

# borderWidth

• borderWidth: Scriptable<number, ScriptableTooltipContext<TType>>

Size of the border.

Default

0

# Defined in

types/index.d.ts:2882 (opens new window)

# boxHeight

• boxHeight: Scriptable<number, ScriptableTooltipContext<TType>>

Height of the color box if displayColors is true.

Default

bodyFont.size

# Defined in

types/index.d.ts:2867 (opens new window)

# boxPadding

• boxPadding: number

Padding between the color box and the text.

Default

1

# Defined in

types/index.d.ts:2757 (opens new window)

# boxWidth

• boxWidth: Scriptable<number, ScriptableTooltipContext<TType>>

Width of the color box if displayColors is true.

Default

bodyFont.size

# Defined in

types/index.d.ts:2862 (opens new window)

# callbacks

• callbacks: TooltipCallbacks<TType, TooltipModel<TType>, TooltipItem<TType>>

# Defined in

types/index.d.ts:2896 (opens new window)

# caretPadding

• caretPadding: Scriptable<number, ScriptableTooltipContext<TType>>

Extra distance to move the end of the tooltip arrow away from the tooltip point.

Default

2

# Defined in

types/index.d.ts:2837 (opens new window)

# caretSize

• caretSize: Scriptable<number, ScriptableTooltipContext<TType>>

Size, in px, of the tooltip arrow.

Default

5

# Defined in

types/index.d.ts:2842 (opens new window)

# cornerRadius

• cornerRadius: Scriptable<number | BorderRadius, ScriptableTooltipContext<TType>>

Radius of tooltip corner curves.

Default

6

# Defined in

types/index.d.ts:2847 (opens new window)

# displayColors

• displayColors: Scriptable<boolean, ScriptableTooltipContext<TType>>

If true, color boxes are shown in the tooltip.

Default

true

# Defined in

types/index.d.ts:2857 (opens new window)

# enabled

• enabled: Scriptable<boolean, ScriptableTooltipContext<TType>>

Are on-canvas tooltips enabled?

Default

true

# Defined in

types/index.d.ts:2725 (opens new window)

# filter

• filter: (e: TooltipItem<TType>, index: number, array: TooltipItem<TType>[], data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => boolean

# Type declaration

▸ (e, index, array, data): boolean

# Parameters
Name Type
e TooltipItem<TType>
index number
array TooltipItem<TType>[]
data ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
# Returns

boolean

# Defined in

types/index.d.ts:2746 (opens new window)

# footerAlign

• footerAlign: Scriptable<TextAlign, ScriptableTooltipContext<TType>>

Horizontal alignment of the footer text lines.

Default

'left'

# Defined in

types/index.d.ts:2827 (opens new window)

# footerColor

• footerColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of footer

Default

'#fff'

# Defined in

types/index.d.ts:2817 (opens new window)

# footerFont

• footerFont: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableTooltipContext<TType>>

See Fonts

Default

# Defined in

types/index.d.ts:2822 (opens new window)

# footerMarginTop

• footerMarginTop: Scriptable<number, ScriptableTooltipContext<TType>>

Margin to add before drawing the footer.

Default

6

# Defined in

types/index.d.ts:2812 (opens new window)

# footerSpacing

• footerSpacing: Scriptable<number, ScriptableTooltipContext<TType>>

Spacing to add to top and bottom of each footer line.

Default

2

# Defined in

types/index.d.ts:2807 (opens new window)

# includeInvisible

• includeInvisible: boolean

if true, the invisible points that are outside of the chart area will also be included when evaluating interactions.

Default

false

# Inherited from

CoreInteractionOptions.includeInvisible

# Defined in

types/index.d.ts:1585 (opens new window)

# intersect

• intersect: boolean

if true, the hover mode only applies when the mouse position intersects an item on the chart.

Default

true

# Inherited from

CoreInteractionOptions.intersect

# Defined in

types/index.d.ts:1574 (opens new window)

# itemSort

• itemSort: (a: TooltipItem<TType>, b: TooltipItem<TType>, data: ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>) => number

# Type declaration

▸ (a, b, data): number

Sort tooltip items.

# Parameters
Name Type
a TooltipItem<TType>
b TooltipItem<TType>
data ChartData<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
# Returns

number

# Defined in

types/index.d.ts:2744 (opens new window)

# mode

• mode: keyof InteractionModeMap

Sets which elements appear in the tooltip. See Interaction Modes for details.

Default

'nearest'

# Inherited from

CoreInteractionOptions.mode

# Defined in

types/index.d.ts:1569 (opens new window)

# multiKeyBackground

• multiKeyBackground: Scriptable<Color, ScriptableTooltipContext<TType>>

Color to draw behind the colored boxes when multiple items are in the tooltip.

Default

'#fff'

# Defined in

types/index.d.ts:2852 (opens new window)

# padding

• padding: Scriptable<Padding, ScriptableTooltipContext<TType>>

Padding to add to the tooltip

Default

6

# Defined in

types/index.d.ts:2832 (opens new window)

# position

• position: Scriptable<keyof TooltipPositionerMap, ScriptableTooltipContext<TType>>

The mode for positioning the tooltip

# Defined in

types/index.d.ts:2733 (opens new window)

# rtl

• rtl: Scriptable<boolean, ScriptableTooltipContext<TType>>

true for rendering the legends from right to left.

# Defined in

types/index.d.ts:2886 (opens new window)

# textDirection

• textDirection: Scriptable<string, ScriptableTooltipContext<TType>>

This will force the text direction 'rtl' or 'ltr on the canvas for rendering the tooltips, regardless of the css specified on the canvas

Default

canvas's default

# Defined in

types/index.d.ts:2892 (opens new window)

# titleAlign

• titleAlign: Scriptable<TextAlign, ScriptableTooltipContext<TType>>

Horizontal alignment of the title text lines.

Default

'left'

# Defined in

types/index.d.ts:2782 (opens new window)

# titleColor

• titleColor: Scriptable<Color, ScriptableTooltipContext<TType>>

Color of title

Default

'#fff'

# Defined in

types/index.d.ts:2762 (opens new window)

# titleFont

• titleFont: ScriptableAndScriptableOptions<Partial<FontSpec>, ScriptableTooltipContext<TType>>

See Fonts

Default

# Defined in

types/index.d.ts:2767 (opens new window)

# titleMarginBottom

• titleMarginBottom: Scriptable<number, ScriptableTooltipContext<TType>>

Margin to add on bottom of title section.

Default

6

# Defined in

types/index.d.ts:2777 (opens new window)

# titleSpacing

• titleSpacing: Scriptable<number, ScriptableTooltipContext<TType>>

Spacing to add to top and bottom of each title line.

Default

2

# Defined in

types/index.d.ts:2772 (opens new window)

# usePointStyle

• usePointStyle: Scriptable<boolean, ScriptableTooltipContext<TType>>

Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight)

Default

false

# Defined in

types/index.d.ts:2872 (opens new window)

# xAlign

• xAlign: Scriptable<TooltipXAlignment, ScriptableTooltipContext<TType>>

Override the tooltip alignment calculations

# Defined in

types/index.d.ts:2738 (opens new window)

# yAlign

• yAlign: Scriptable<TooltipYAlignment, ScriptableTooltipContext<TType>>

# Defined in

types/index.d.ts:2739 (opens new window)

# Methods

# external

▸ external(this, args): void

See external tooltip section.

# Parameters

Name Type
this TooltipModel<TType>
args Object
args.chart Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>
args.tooltip TooltipModel<TType>

# Returns

void

# Defined in

types/index.d.ts:2729 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TooltipPosition.html b/docs/master/api/interfaces/TooltipPosition.html index fd8c88da86..37c80630dd 100644 --- a/docs/master/api/interfaces/TooltipPosition.html +++ b/docs/master/api/interfaces/TooltipPosition.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TooltipPosition

# Hierarchy

  • Point

    ↳ TooltipPosition

# Properties

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# xAlign

• Optional xAlign: TooltipXAlignment

# Defined in

types/index.d.ts:2641 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

# yAlign

• Optional yAlign: TooltipYAlignment

# Defined in

types/index.d.ts:2642 (opens new window)

+ (opens new window)

# Interface: TooltipPosition

# Hierarchy

  • Point

    ↳ TooltipPosition

# Properties

# x

• x: number

# Inherited from

Point.x

# Defined in

types/geometric.d.ts:11 (opens new window)

# xAlign

• Optional xAlign: TooltipXAlignment

# Defined in

types/index.d.ts:2641 (opens new window)

# y

• y: number

# Inherited from

Point.y

# Defined in

types/geometric.d.ts:12 (opens new window)

# yAlign

• Optional yAlign: TooltipYAlignment

# Defined in

types/index.d.ts:2642 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TooltipPositionerMap.html b/docs/master/api/interfaces/TooltipPositionerMap.html index d00dd477e2..3547122100 100644 --- a/docs/master/api/interfaces/TooltipPositionerMap.html +++ b/docs/master/api/interfaces/TooltipPositionerMap.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TooltipPositionerMap

# Properties

# average

• average: TooltipPositionerFunction<keyof ChartTypeRegistry>

# Defined in

types/index.d.ts:2652 (opens new window)

# nearest

• nearest: TooltipPositionerFunction<keyof ChartTypeRegistry>

# Defined in

types/index.d.ts:2653 (opens new window)

+ (opens new window)

# Interface: TooltipPositionerMap

# Properties

# average

• average: TooltipPositionerFunction<keyof ChartTypeRegistry>

# Defined in

types/index.d.ts:2652 (opens new window)

# nearest

• nearest: TooltipPositionerFunction<keyof ChartTypeRegistry>

# Defined in

types/index.d.ts:2653 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/TypedRegistry.html b/docs/master/api/interfaces/TypedRegistry.html index b1f952df62..f26bf05a70 100644 --- a/docs/master/api/interfaces/TypedRegistry.html +++ b/docs/master/api/interfaces/TypedRegistry.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: TypedRegistry<T>

# Type parameters

Name
T

# Methods

# get

▸ get(id): T

# Parameters

Name Type
id string

# Returns

T

# Defined in

types/index.d.ts:1529 (opens new window)

# register

▸ register(item): string

# Parameters

Name Type
item ChartComponent

# Returns

string

The scope where items defaults were registered to.

# Defined in

types/index.d.ts:1528 (opens new window)

# unregister

▸ unregister(item): void

# Parameters

Name Type
item ChartComponent

# Returns

void

# Defined in

types/index.d.ts:1530 (opens new window)

+ (opens new window)

# Interface: TypedRegistry<T>

# Type parameters

Name
T

# Methods

# get

▸ get(id): T

# Parameters

Name Type
id string

# Returns

T

# Defined in

types/index.d.ts:1529 (opens new window)

# register

▸ register(item): string

# Parameters

Name Type
item ChartComponent

# Returns

string

The scope where items defaults were registered to.

# Defined in

types/index.d.ts:1528 (opens new window)

# unregister

▸ unregister(item): void

# Parameters

Name Type
item ChartComponent

# Returns

void

# Defined in

types/index.d.ts:1530 (opens new window)

← →

- + diff --git a/docs/master/api/interfaces/VisualElement.html b/docs/master/api/interfaces/VisualElement.html index cae2d0e8e8..5cceb471a6 100644 --- a/docs/master/api/interfaces/VisualElement.html +++ b/docs/master/api/interfaces/VisualElement.html @@ -7,7 +7,7 @@ - + @@ -39,11 +39,11 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Interface: VisualElement

# Hierarchy

# Methods

# draw

▸ draw(ctx, area?): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area? ChartArea

# Returns

void

# Defined in

types/index.d.ts:1806 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Point

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Point

# Defined in

types/index.d.ts:1810 (opens new window)

# getRange

▸ Optional getRange(axis): number

# Parameters

Name Type
axis "x" | "y"

# Returns

number

# Defined in

types/index.d.ts:1811 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

types/index.d.ts:1807 (opens new window)

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Defined in

types/index.d.ts:1808 (opens new window)

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

types/index.d.ts:1809 (opens new window)

+ (opens new window)

# Interface: VisualElement

# Hierarchy

# Methods

# draw

▸ draw(ctx, area?): void

# Parameters

Name Type
ctx CanvasRenderingContext2D
area? ChartArea

# Returns

void

# Defined in

types/index.d.ts:1806 (opens new window)

# getCenterPoint

▸ getCenterPoint(useFinalPosition?): Point

# Parameters

Name Type
useFinalPosition? boolean

# Returns

Point

# Defined in

types/index.d.ts:1810 (opens new window)

# getRange

▸ Optional getRange(axis): number

# Parameters

Name Type
axis "x" | "y"

# Returns

number

# Defined in

types/index.d.ts:1811 (opens new window)

# inRange

▸ inRange(mouseX, mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

types/index.d.ts:1807 (opens new window)

# inXRange

▸ inXRange(mouseX, useFinalPosition?): boolean

# Parameters

Name Type
mouseX number
useFinalPosition? boolean

# Returns

boolean

# Defined in

types/index.d.ts:1808 (opens new window)

# inYRange

▸ inYRange(mouseY, useFinalPosition?): boolean

# Parameters

Name Type
mouseY number
useFinalPosition? boolean

# Returns

boolean

# Defined in

types/index.d.ts:1809 (opens new window)

←

- + diff --git a/docs/master/assets/js/100.41622aa0.js b/docs/master/assets/js/100.3b555f80.js similarity index 91% rename from docs/master/assets/js/100.41622aa0.js rename to docs/master/assets/js/100.3b555f80.js index c8cbdaf804..bdcc999148 100644 --- a/docs/master/assets/js/100.41622aa0.js +++ b/docs/master/assets/js/100.3b555f80.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{433:function(t,e,r){"use strict";r.r(e);var n=r(3),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-pointprefixedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-pointprefixedoptions"}},[t._v("#")]),t._v(" Interface: PointPrefixedOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"pointbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointbackgroundcolor"}},[t._v("#")]),t._v(" pointBackgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointBackgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The fill color for points.")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2033",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2033"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointbordercolor"}},[t._v("#")]),t._v(" pointBorderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointBorderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The border color for points.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2037",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2037"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointborderwidth"}},[t._v("#")]),t._v(" pointBorderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointBorderWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The width of the point border in pixels.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2041",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2041"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointhitradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointhitradius"}},[t._v("#")]),t._v(" pointHitRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointHitRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2045",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2045"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointradius"}},[t._v("#")]),t._v(" pointRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2049",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2049"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointrotation"}},[t._v("#")]),t._v(" pointRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The rotation of the point in degrees.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2053",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2053"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("p",[t._v("Style of the point.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2057",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2057"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{433:function(t,e,r){"use strict";r.r(e);var n=r(3),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-pointprefixedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-pointprefixedoptions"}},[t._v("#")]),t._v(" Interface: PointPrefixedOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"pointbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointbackgroundcolor"}},[t._v("#")]),t._v(" pointBackgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointBackgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The fill color for points.")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2033",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2033"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointbordercolor"}},[t._v("#")]),t._v(" pointBorderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointBorderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The border color for points.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2037",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2037"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointborderwidth"}},[t._v("#")]),t._v(" pointBorderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointBorderWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The width of the point border in pixels.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2041",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2041"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointhitradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointhitradius"}},[t._v("#")]),t._v(" pointHitRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointHitRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2045",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2045"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointradius"}},[t._v("#")]),t._v(" pointRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2049",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2049"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointrotation"}},[t._v("#")]),t._v(" pointRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The rotation of the point in degrees.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2053",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2053"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("p",[t._v("Style of the point.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2057",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2057"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/101.c606ff63.js b/docs/master/assets/js/101.4e89fbb4.js similarity index 95% rename from docs/master/assets/js/101.c606ff63.js rename to docs/master/assets/js/101.4e89fbb4.js index 1439fe0dd2..62e9afe5cf 100644 --- a/docs/master/assets/js/101.c606ff63.js +++ b/docs/master/assets/js/101.4e89fbb4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[101],{435:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-polarareacontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polarareacontroller"}},[t._v("#")]),t._v(" Interface: PolarAreaController")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolarAreaController")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"cachedmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cachedmeta"}},[t._v("#")]),t._v(" _cachedMeta")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("_cachedMeta")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController._cachedMeta")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L592",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:592"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.chart")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enableoptionsharing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enableoptionsharing"}},[t._v("#")]),t._v(" enableOptionSharing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("enableOptionSharing")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.enableOptionSharing")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.index")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L591",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:591"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"innerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#innerradius"}},[t._v("#")]),t._v(" innerRadius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("innerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.innerRadius")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"offsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offsetx"}},[t._v("#")]),t._v(" offsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("offsetX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.offsetX")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"offsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offsety"}},[t._v("#")]),t._v(" offsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("offsetY")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.offsetY")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"outerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#outerradius"}},[t._v("#")]),t._v(" outerRadius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("outerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.outerRadius")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L342",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:342"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"supportsdecimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#supportsdecimation"}},[t._v("#")]),t._v(" supportsDecimation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("supportsDecimation")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.supportsDecimation")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:597"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"addelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addelements"}},[t._v("#")]),t._v(" addElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addElements")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.addElements")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"applystack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#applystack"}},[t._v("#")]),t._v(" applyStack")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("applyStack")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.applyStack")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L649",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:649"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdateelements"}},[t._v("#")]),t._v(" buildOrUpdateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateElements")]),t._v("("),e("code",[t._v("resetNewElements?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("resetNewElements?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.buildOrUpdateElements")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L614",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:614"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatecircumference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatecircumference"}},[t._v("#")]),t._v(" calculateCircumference")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateCircumference")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.calculateCircumference")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatetotal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatetotal"}},[t._v("#")]),t._v(" calculateTotal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateTotal")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.calculateTotal")]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.configure")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L611",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:611"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"countvisibleelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#countvisibleelements"}},[t._v("#")]),t._v(" countVisibleElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("countVisibleElements")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L393",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:393"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.draw")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L606",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:606"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getallparsedvalues"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getallparsedvalues"}},[t._v("#")]),t._v(" getAllParsedValues")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getAllParsedValues")]),t._v("("),e("code",[t._v("scale")]),t._v("): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getAllParsedValues")]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L600",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:600"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdataset"}},[t._v("#")]),t._v(" getDataset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataset")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getDataset")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L608",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:608"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelandvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelandvalue"}},[t._v("#")]),t._v(" getLabelAndValue")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getLabelAndValue")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("label")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getLabelAndValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L601",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:601"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaxoverflow"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaxoverflow"}},[t._v("#")]),t._v(" getMaxOverflow")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMaxOverflow")]),t._v("(): "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getMaxOverflow")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L605",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:605"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmeta"}},[t._v("#")]),t._v(" getMeta")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMeta")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getMeta")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L609",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:609"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("canStack?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getMinMax")]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L656",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:656"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getparsed"}},[t._v("#")]),t._v(" getParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getParsed")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")])],1),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getParsed")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L648",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:648"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getscaleforid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getscaleforid"}},[t._v("#")]),t._v(" getScaleForId")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getScaleForId")]),t._v("("),e("code",[t._v("scaleID")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scaleID")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getScaleForId")]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L610",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:610"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getsharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getsharedoptions"}},[t._v("#")]),t._v(" getSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getSharedOptions")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("p",[t._v("Utility for checking if the options are shared and should be animated separately.")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getSharedOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L623",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:623"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getstyle"}},[t._v("#")]),t._v(" getStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getStyle")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("active")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getStyle")]),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L616",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:616"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"includeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#includeoptions"}},[t._v("#")]),t._v(" includeOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("includeOptions")]),t._v("("),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("sharedOptions")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Utility for determining if "),e("code",[t._v("options")]),t._v(" should be included in the updated properties")]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.includeOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L628",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:628"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"initialize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#initialize"}},[t._v("#")]),t._v(" initialize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("initialize")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.initialize")]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L612",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:612"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linkscales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linkscales"}},[t._v("#")]),t._v(" linkScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("linkScales")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.linkScales")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parse")]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L644",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:644"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsearraydata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsearraydata"}},[t._v("#")]),t._v(" parseArrayData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseArrayData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parseArrayData")]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L646",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:646"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseobjectdata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseobjectdata"}},[t._v("#")]),t._v(" parseObjectData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseObjectData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parseObjectData")]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L647",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:647"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseprimitivedata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseprimitivedata"}},[t._v("#")]),t._v(" parsePrimitiveData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parsePrimitiveData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parsePrimitiveData")]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L645",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:645"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removehoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removehoverstyle"}},[t._v("#")]),t._v(" removeHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.removeHoverStyle")]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L641",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:641"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("reset")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.reset")]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L607",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:607"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedataelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedataelementoptions"}},[t._v("#")]),t._v(" resolveDataElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDataElementOptions")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.resolveDataElementOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L618",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:618"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedatasetelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedatasetelementoptions"}},[t._v("#")]),t._v(" resolveDatasetElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDatasetElementOptions")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.resolveDatasetElementOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L617",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:617"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sethoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sethoverstyle"}},[t._v("#")]),t._v(" setHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.setHoverStyle")]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L642",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:642"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.update")]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L603",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:603"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelement"}},[t._v("#")]),t._v(" updateElement")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateElement")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("properties")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility for updating an element with new properties, using animations when appropriate.")]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("properties")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateElement")]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L634",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:634"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelements"}},[t._v("#")]),t._v(" updateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateElements")]),t._v("("),e("code",[t._v("elements")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("elements")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateElements")]),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L602",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:602"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateindex"}},[t._v("#")]),t._v(" updateIndex")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateIndex")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateIndex")]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L604",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:604"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updaterangefromparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updaterangefromparsed"}},[t._v("#")]),t._v(" updateRangeFromParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateRangeFromParsed")]),t._v("("),e("code",[t._v("range")]),t._v(", "),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v(", "),e("code",[t._v("stack")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("stack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateRangeFromParsed")]),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L650",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:650"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatesharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatesharedoptions"}},[t._v("#")]),t._v(" updateSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateSharedOptions")]),t._v("("),e("code",[t._v("sharedOptions")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("newOptions")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility to animate the shared options, that are potentially affecting multiple elements.")]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("newOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateSharedOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L640",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:640"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[101],{432:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-polarareacontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polarareacontroller"}},[t._v("#")]),t._v(" Interface: PolarAreaController")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolarAreaController")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"cachedmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cachedmeta"}},[t._v("#")]),t._v(" _cachedMeta")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("_cachedMeta")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController._cachedMeta")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L592",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:592"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.chart")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enableoptionsharing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enableoptionsharing"}},[t._v("#")]),t._v(" enableOptionSharing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("enableOptionSharing")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.enableOptionSharing")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.index")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L591",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:591"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"innerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#innerradius"}},[t._v("#")]),t._v(" innerRadius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("innerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.innerRadius")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"offsetx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offsetx"}},[t._v("#")]),t._v(" offsetX")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("offsetX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.offsetX")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"offsety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offsety"}},[t._v("#")]),t._v(" offsetY")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("offsetY")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.offsetY")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"outerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#outerradius"}},[t._v("#")]),t._v(" outerRadius")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("outerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.outerRadius")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L342",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:342"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"supportsdecimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#supportsdecimation"}},[t._v("#")]),t._v(" supportsDecimation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("supportsDecimation")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.supportsDecimation")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:597"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"addelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addelements"}},[t._v("#")]),t._v(" addElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addElements")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.addElements")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"applystack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#applystack"}},[t._v("#")]),t._v(" applyStack")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("applyStack")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.applyStack")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L649",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:649"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdateelements"}},[t._v("#")]),t._v(" buildOrUpdateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateElements")]),t._v("("),e("code",[t._v("resetNewElements?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("resetNewElements?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.buildOrUpdateElements")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L614",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:614"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatecircumference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatecircumference"}},[t._v("#")]),t._v(" calculateCircumference")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateCircumference")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.calculateCircumference")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatetotal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatetotal"}},[t._v("#")]),t._v(" calculateTotal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateTotal")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.calculateTotal")]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.configure")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L611",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:611"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"countvisibleelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#countvisibleelements"}},[t._v("#")]),t._v(" countVisibleElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("countVisibleElements")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L393",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:393"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.draw")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L606",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:606"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getallparsedvalues"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getallparsedvalues"}},[t._v("#")]),t._v(" getAllParsedValues")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getAllParsedValues")]),t._v("("),e("code",[t._v("scale")]),t._v("): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getAllParsedValues")]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L600",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:600"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdataset"}},[t._v("#")]),t._v(" getDataset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataset")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getDataset")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L608",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:608"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelandvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelandvalue"}},[t._v("#")]),t._v(" getLabelAndValue")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getLabelAndValue")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("label")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getLabelAndValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L601",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:601"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaxoverflow"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaxoverflow"}},[t._v("#")]),t._v(" getMaxOverflow")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMaxOverflow")]),t._v("(): "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getMaxOverflow")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L605",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:605"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmeta"}},[t._v("#")]),t._v(" getMeta")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMeta")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getMeta")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L609",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:609"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("canStack?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getMinMax")]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L656",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:656"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getparsed"}},[t._v("#")]),t._v(" getParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getParsed")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")])],1),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getParsed")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L648",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:648"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getscaleforid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getscaleforid"}},[t._v("#")]),t._v(" getScaleForId")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getScaleForId")]),t._v("("),e("code",[t._v("scaleID")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scaleID")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getScaleForId")]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L610",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:610"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getsharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getsharedoptions"}},[t._v("#")]),t._v(" getSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getSharedOptions")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("p",[t._v("Utility for checking if the options are shared and should be animated separately.")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getSharedOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L623",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:623"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getstyle"}},[t._v("#")]),t._v(" getStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getStyle")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("active")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.getStyle")]),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L616",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:616"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"includeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#includeoptions"}},[t._v("#")]),t._v(" includeOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("includeOptions")]),t._v("("),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("sharedOptions")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Utility for determining if "),e("code",[t._v("options")]),t._v(" should be included in the updated properties")]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.includeOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L628",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:628"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"initialize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#initialize"}},[t._v("#")]),t._v(" initialize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("initialize")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.initialize")]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L612",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:612"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linkscales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linkscales"}},[t._v("#")]),t._v(" linkScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("linkScales")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.linkScales")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parse")]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L644",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:644"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsearraydata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsearraydata"}},[t._v("#")]),t._v(" parseArrayData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseArrayData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parseArrayData")]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L646",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:646"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseobjectdata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseobjectdata"}},[t._v("#")]),t._v(" parseObjectData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseObjectData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parseObjectData")]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L647",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:647"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseprimitivedata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseprimitivedata"}},[t._v("#")]),t._v(" parsePrimitiveData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parsePrimitiveData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.parsePrimitiveData")]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L645",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:645"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removehoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removehoverstyle"}},[t._v("#")]),t._v(" removeHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.removeHoverStyle")]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L641",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:641"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("reset")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.reset")]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L607",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:607"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedataelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedataelementoptions"}},[t._v("#")]),t._v(" resolveDataElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDataElementOptions")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.resolveDataElementOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L618",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:618"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedatasetelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedatasetelementoptions"}},[t._v("#")]),t._v(" resolveDatasetElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDatasetElementOptions")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.resolveDatasetElementOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L617",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:617"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sethoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sethoverstyle"}},[t._v("#")]),t._v(" setHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.setHoverStyle")]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L642",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:642"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.update")]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L603",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:603"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelement"}},[t._v("#")]),t._v(" updateElement")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateElement")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("properties")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility for updating an element with new properties, using animations when appropriate.")]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("properties")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateElement")]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L634",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:634"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelements"}},[t._v("#")]),t._v(" updateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateElements")]),t._v("("),e("code",[t._v("elements")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("elements")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateElements")]),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L602",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:602"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateindex"}},[t._v("#")]),t._v(" updateIndex")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateIndex")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateIndex")]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L604",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:604"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updaterangefromparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updaterangefromparsed"}},[t._v("#")]),t._v(" updateRangeFromParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateRangeFromParsed")]),t._v("("),e("code",[t._v("range")]),t._v(", "),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v(", "),e("code",[t._v("stack")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("stack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateRangeFromParsed")]),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L650",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:650"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatesharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatesharedoptions"}},[t._v("#")]),t._v(" updateSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateSharedOptions")]),t._v("("),e("code",[t._v("sharedOptions")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("newOptions")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility to animate the shared options, that are potentially affecting multiple elements.")]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("newOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("DoughnutController.updateSharedOptions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L640",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:640"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/102.45ae1f50.js b/docs/master/assets/js/102.45ae1f50.js new file mode 100644 index 0000000000..26e972e9a5 --- /dev/null +++ b/docs/master/assets/js/102.45ae1f50.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[102],{434:function(t,a,r){"use strict";r.r(a);var e=r(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"interface-polarareacontrollerchartoptions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#interface-polarareacontrollerchartoptions"}},[t._v("#")]),t._v(" Interface: PolarAreaControllerChartOptions")]),t._v(" "),a("h2",{attrs:{id:"properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),a("h3",{attrs:{id:"animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),a("p",[t._v("• "),a("strong",[t._v("animation")]),t._v(": "),a("code",[t._v("false")]),t._v(" | "),a("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[a("code",[t._v("DoughnutAnimationOptions")])])],1),t._v(" "),a("h4",{attrs:{id:"defined-in"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L389",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:389"),a("OutboundLink")],1)]),t._v(" "),a("hr"),t._v(" "),a("h3",{attrs:{id:"startangle"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#startangle"}},[t._v("#")]),t._v(" startAngle")]),t._v(" "),a("p",[t._v("• "),a("strong",[t._v("startAngle")]),t._v(": "),a("code",[t._v("number")])]),t._v(" "),a("p",[t._v("Starting angle to draw arcs for the first item in a dataset. In degrees, 0 is at top.")]),t._v(" "),a("p",[a("strong",[a("code",[t._v("Default")])])]),t._v(" "),a("p",[t._v("0")]),t._v(" "),a("h4",{attrs:{id:"defined-in-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L387",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:387"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/102.90509c00.js b/docs/master/assets/js/102.90509c00.js deleted file mode 100644 index 25a94354b1..0000000000 --- a/docs/master/assets/js/102.90509c00.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[102],{434:function(t,r,a){"use strict";a.r(r);var e=a(3),n=Object(e.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-polarareacontrollerchartoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-polarareacontrollerchartoptions"}},[t._v("#")]),t._v(" Interface: PolarAreaControllerChartOptions")]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"animation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("animation")]),t._v(": "),r("code",[t._v("false")]),t._v(" | "),r("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[r("code",[t._v("DoughnutAnimationOptions")])])],1),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L389",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:389"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"startangle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#startangle"}},[t._v("#")]),t._v(" startAngle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("startAngle")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("p",[t._v("Starting angle to draw arcs for the first item in a dataset. In degrees, 0 is at top.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("0")]),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L387",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:387"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/103.a7197f92.js b/docs/master/assets/js/103.7b5d5e01.js similarity index 95% rename from docs/master/assets/js/103.a7197f92.js rename to docs/master/assets/js/103.7b5d5e01.js index ac616c772f..e4be941848 100644 --- a/docs/master/assets/js/103.a7197f92.js +++ b/docs/master/assets/js/103.7b5d5e01.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{438:function(t,e,r){"use strict";r.r(e);var a=r(3),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-polarareacontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polarareacontrollerdatasetoptions"}},[t._v("#")]),t._v(" Interface: PolarAreaControllerDatasetOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[e("code",[t._v("DoughnutControllerDatasetOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolarAreaControllerDatasetOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"angle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#angle"}},[t._v("#")]),t._v(" angle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("angle")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Arc angle to cover. - for polar only")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("circumference / (arc count)")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L377",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:377"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animation")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v("> & { "),e("code",[t._v("onComplete?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" ; "),e("code",[t._v("onProgress?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#animation"}},[t._v("animation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1757"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animations")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#animations"}},[t._v("animations")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderalign"}},[t._v("#")]),t._v(" borderAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"inner"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Arc stroke alignment.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderalign"}},[t._v("borderAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1843",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1843"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#bordercolor"}},[t._v("borderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1816"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderDash")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Line dash. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderdash"}},[t._v("borderDash")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1848",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1848"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Line dash offset. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1853",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1853"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderjoinstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[t._v("#")]),t._v(" borderJoinStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Line join style. See MDN. Default is 'round' when "),e("code",[t._v("borderAlign")]),t._v(" is 'inner', else 'bevel'.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1857",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1857"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcBorderRadius.html"}},[e("code",[t._v("ArcBorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Sets the border radius for arcs")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderradius"}},[t._v("borderRadius")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1863",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1863"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderwidth"}},[t._v("borderWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1815",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1815"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"circular"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circular"}},[t._v("#")]),t._v(" circular")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("circular")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("If false, Arc will be flat.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#circular"}},[t._v("circular")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1874",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1874"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"circumference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circumference"}},[t._v("#")]),t._v(" circumference")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("circumference")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Sweep to allow arcs to cover.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("360")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#circumference"}},[t._v("circumference")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L257",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:257"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("clip")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("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: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#clip"}},[t._v("clip")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:75"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hidden"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hidden"}},[t._v("#")]),t._v(" hidden")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hidden")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hidden"}},[t._v("hidden")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[t._v("#")]),t._v(" hoverBackgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBackgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverbackgroundcolor"}},[t._v("hoverBackgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1823"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[t._v("#")]),t._v(" hoverBorderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverbordercolor"}},[t._v("hoverBorderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1822"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdash"}},[t._v("#")]),t._v(" hoverBorderDash")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderDash")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverborderdash"}},[t._v("hoverBorderDash")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1883",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1883"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdashoffset"}},[t._v("#")]),t._v(" hoverBorderDashOffset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverborderdashoffset"}},[t._v("hoverBorderDashOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1884",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1884"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[t._v("#")]),t._v(" hoverBorderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverborderwidth"}},[t._v("hoverBorderWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1821"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoveroffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoveroffset"}},[t._v("#")]),t._v(" hoverOffset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoveroffset"}},[t._v("hoverOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1885",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1885"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"indexaxis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#indexaxis"}},[t._v("#")]),t._v(" indexAxis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("indexAxis")]),t._v(": "),e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])]),t._v(" "),e("p",[t._v("The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'x'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#indexaxis"}},[t._v("indexAxis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:71"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The label for the dataset which appears in the legend and tooltips.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#label"}},[t._v("label")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:79"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"normalized"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#normalized"}},[t._v("#")]),t._v(" normalized")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("normalized")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#normalized"}},[t._v("normalized")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:63"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"offset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offset"}},[t._v("#")]),t._v(" offset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("offset")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("p",[t._v("Arc offset (in pixels).")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#offset"}},[t._v("offset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L262",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:262"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"order"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#order"}},[t._v("#")]),t._v(" order")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("order")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#order"}},[t._v("order")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" parsing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsing")]),t._v(": "),e("code",[t._v("false")]),t._v(" | { "),e("code",[t._v("[key: string]")]),t._v(": "),e("code",[t._v("string")]),t._v("; }")]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#parsing"}},[t._v("parsing")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Starting angle to draw this dataset from.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#rotation"}},[t._v("rotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"spacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#spacing"}},[t._v("#")]),t._v(" spacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("spacing")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Similar to the "),e("code",[t._v("offset")]),t._v(" option, but applies to all arcs. This can be used to to add spaces\nbetween arcs")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#spacing"}},[t._v("spacing")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stack"}},[t._v("#")]),t._v(" stack")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("stack")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#stack"}},[t._v("stack")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("transitions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[e("code",[t._v("TransitionsSpec")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#transitions"}},[t._v("transitions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1768",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1768"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("1")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:274"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[103],{438:function(t,e,r){"use strict";r.r(e);var a=r(3),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-polarareacontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-polarareacontrollerdatasetoptions"}},[t._v("#")]),t._v(" Interface: PolarAreaControllerDatasetOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[e("code",[t._v("DoughnutControllerDatasetOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PolarAreaControllerDatasetOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"angle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#angle"}},[t._v("#")]),t._v(" angle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("angle")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Arc angle to cover. - for polar only")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("circumference / (arc count)")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L377",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:377"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animation")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v("> & { "),e("code",[t._v("onComplete?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" ; "),e("code",[t._v("onProgress?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#animation"}},[t._v("animation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1757"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animations")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#animations"}},[t._v("animations")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#backgroundcolor"}},[t._v("backgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderalign"}},[t._v("#")]),t._v(" borderAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"inner"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Arc stroke alignment.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderalign"}},[t._v("borderAlign")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1843",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1843"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#bordercolor"}},[t._v("borderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1816"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderDash")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Line dash. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderdash"}},[t._v("borderDash")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1848",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1848"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Line dash offset. See MDN.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderdashoffset"}},[t._v("borderDashOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1853",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1853"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderjoinstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[t._v("#")]),t._v(" borderJoinStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderJoinStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("CanvasLineJoin")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Line join style. See MDN. Default is 'round' when "),e("code",[t._v("borderAlign")]),t._v(" is 'inner', else 'bevel'.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderjoinstyle"}},[t._v("borderJoinStyle")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1857",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1857"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcBorderRadius.html"}},[e("code",[t._v("ArcBorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Sets the border radius for arcs")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderradius"}},[t._v("borderRadius")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1863",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1863"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#borderwidth"}},[t._v("borderWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1815",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1815"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"circular"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circular"}},[t._v("#")]),t._v(" circular")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("circular")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("If false, Arc will be flat.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#circular"}},[t._v("circular")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1874",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1874"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"circumference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circumference"}},[t._v("#")]),t._v(" circumference")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("circumference")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Sweep to allow arcs to cover.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("360")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#circumference"}},[t._v("circumference")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L257",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:257"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("clip")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("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: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#clip"}},[t._v("clip")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:75"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hidden"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hidden"}},[t._v("#")]),t._v(" hidden")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hidden")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hidden"}},[t._v("hidden")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[t._v("#")]),t._v(" hoverBackgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBackgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverbackgroundcolor"}},[t._v("hoverBackgroundColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1823"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[t._v("#")]),t._v(" hoverBorderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverbordercolor"}},[t._v("hoverBorderColor")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1822"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdash"}},[t._v("#")]),t._v(" hoverBorderDash")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderDash")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverborderdash"}},[t._v("hoverBorderDash")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1883",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1883"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdashoffset"}},[t._v("#")]),t._v(" hoverBorderDashOffset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverborderdashoffset"}},[t._v("hoverBorderDashOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1884",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1884"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[t._v("#")]),t._v(" hoverBorderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoverborderwidth"}},[t._v("hoverBorderWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1821"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoveroffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoveroffset"}},[t._v("#")]),t._v(" hoverOffset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#hoveroffset"}},[t._v("hoverOffset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1885",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1885"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"indexaxis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#indexaxis"}},[t._v("#")]),t._v(" indexAxis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("indexAxis")]),t._v(": "),e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])]),t._v(" "),e("p",[t._v("The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'x'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#indexaxis"}},[t._v("indexAxis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:71"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The label for the dataset which appears in the legend and tooltips.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#label"}},[t._v("label")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:79"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"normalized"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#normalized"}},[t._v("#")]),t._v(" normalized")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("normalized")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#normalized"}},[t._v("normalized")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:63"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"offset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offset"}},[t._v("#")]),t._v(" offset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("offset")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("p",[t._v("Arc offset (in pixels).")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#offset"}},[t._v("offset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L262",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:262"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"order"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#order"}},[t._v("#")]),t._v(" order")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("order")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#order"}},[t._v("order")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" parsing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsing")]),t._v(": "),e("code",[t._v("false")]),t._v(" | { "),e("code",[t._v("[key: string]")]),t._v(": "),e("code",[t._v("string")]),t._v("; }")]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#parsing"}},[t._v("parsing")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Starting angle to draw this dataset from.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#rotation"}},[t._v("rotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"spacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#spacing"}},[t._v("#")]),t._v(" spacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("spacing")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Similar to the "),e("code",[t._v("offset")]),t._v(" option, but applies to all arcs. This can be used to to add spaces\nbetween arcs")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#spacing"}},[t._v("spacing")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stack"}},[t._v("#")]),t._v(" stack")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("stack")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#stack"}},[t._v("stack")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("transitions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[e("code",[t._v("TransitionsSpec")])]),t._v("<"),e("code",[t._v('"doughnut"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#transitions"}},[t._v("transitions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1768",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1768"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("1")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:274"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/104.6bde929e.js b/docs/master/assets/js/104.a39f1e59.js similarity index 94% rename from docs/master/assets/js/104.6bde929e.js rename to docs/master/assets/js/104.a39f1e59.js index 82430d1cbe..85e3b72948 100644 --- a/docs/master/assets/js/104.6bde929e.js +++ b/docs/master/assets/js/104.a39f1e59.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{436:function(t,r,e){"use strict";e.r(r);var a=e(3),i=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-radarcontrollerdatasetoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-radarcontrollerdatasetoptions"}},[t._v("#")]),t._v(" Interface: RadarControllerDatasetOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[r("code",[t._v("ControllerDatasetOptions")])])],1)]),t._v(" "),r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[r("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[r("code",[t._v("PointOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[r("code",[t._v("PointHoverOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedOptions.html"}},[r("code",[t._v("PointPrefixedOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedHoverOptions.html"}},[r("code",[t._v("PointPrefixedHoverOptions")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1)]),t._v(" "),r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[r("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/interfaces/LineOptions.html"}},[r("code",[t._v("LineOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/LineHoverOptions.html"}},[r("code",[t._v("LineHoverOptions")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1)]),t._v(" "),r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/#animationoptions"}},[r("code",[t._v("AnimationOptions")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">")],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("RadarControllerDatasetOptions")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"animation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("animation")]),t._v(": "),r("code",[t._v("false")]),t._v(" | "),r("RouterLink",{attrs:{to:"/api/#animationspec"}},[r("code",[t._v("AnimationSpec")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v("> & { "),r("code",[t._v("onComplete?")]),t._v(": ("),r("code",[t._v("this")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[r("code",[t._v("Chart")])]),t._v(", "),r("code",[t._v("event")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[r("code",[t._v("AnimationEvent")])]),t._v(") => "),r("code",[t._v("void")]),t._v(" ; "),r("code",[t._v("onProgress?")]),t._v(": ("),r("code",[t._v("this")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[r("code",[t._v("Chart")])]),t._v(", "),r("code",[t._v("event")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[r("code",[t._v("AnimationEvent")])]),t._v(") => "),r("code",[t._v("void")]),t._v(" }")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("AnimationOptions.animation")]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1757"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"animations"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("animations")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#animationsspec"}},[r("code",[t._v("AnimationsSpec")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("AnimationOptions.animations")]),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1767"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.backgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1817"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordercapstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderCapStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineCap")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line cap style. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'butt'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderCapStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1897",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1897"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1816"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line dash. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("[]")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderDash")]),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1902",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1902"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line dash offset. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("0.0")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-7"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderDashOffset")]),t._v(" "),r("h4",{attrs:{id:"defined-in-7"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1907",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1907"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderjoinstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[t._v("#")]),t._v(" borderJoinStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderJoinStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineJoin")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line join style. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'miter'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderJoinStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1912",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1912"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1815",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1815"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"capbezierpoints"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#capbezierpoints"}},[t._v("#")]),t._v(" capBezierPoints")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("capBezierPoints")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("true to keep Bézier control inside the chart, false for no restriction.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("true")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.capBezierPoints")]),t._v(" "),r("h4",{attrs:{id:"defined-in-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1917",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1917"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"clip"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("clip")]),t._v(": "),r("code",[t._v("number")]),t._v(" | "),r("code",[t._v("false")]),t._v(" | "),r("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[r("code",[t._v("ChartArea")])])],1),t._v(" "),r("p",[t._v("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: "),r("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])]),t._v(" "),r("h4",{attrs:{id:"inherited-from-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#clip"}},[t._v("clip")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:75"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"cubicinterpolationmode"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#cubicinterpolationmode"}},[t._v("#")]),t._v(" cubicInterpolationMode")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("cubicInterpolationMode")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v('"default"')]),t._v(" | "),r("code",[t._v('"monotone"')]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Interpolation mode to apply.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'default'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-12"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.cubicInterpolationMode")]),t._v(" "),r("h4",{attrs:{id:"defined-in-12"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1922",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1922"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"drawactiveelementsontop"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#drawactiveelementsontop"}},[t._v("#")]),t._v(" drawActiveElementsOnTop")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("drawActiveElementsOnTop")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Draw the active elements over the other elements of the dataset,")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("true")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-13"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.drawActiveElementsOnTop")]),t._v(" "),r("h4",{attrs:{id:"defined-in-13"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2018",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2018"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"fill"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#fill"}},[t._v("#")]),t._v(" fill")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#filltarget"}},[r("code",[t._v("FillTarget")])]),t._v(" | "),r("RouterLink",{attrs:{to:"/api/interfaces/ComplexFillTarget.html"}},[r("code",[t._v("ComplexFillTarget")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-14"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.fill")]),t._v(" "),r("h4",{attrs:{id:"defined-in-14"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1936",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1936"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hidden"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hidden"}},[t._v("#")]),t._v(" hidden")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hidden")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("false")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-15"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#hidden"}},[t._v("hidden")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-15"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:93"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hitradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hitradius"}},[t._v("#")]),t._v(" hitRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hitRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Extra radius added to point radius for hit detection.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("1")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-16"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hitRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-16"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2003",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2003"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverbackgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[t._v("#")]),t._v(" hoverBackgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBackgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-17"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBackgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-17"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1823"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverbordercapstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercapstyle"}},[t._v("#")]),t._v(" hoverBorderCapStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderCapStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineCap")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-18"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderCapStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-18"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1954",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1954"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverbordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[t._v("#")]),t._v(" hoverBorderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-19"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-19"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1822"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdash"}},[t._v("#")]),t._v(" hoverBorderDash")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-20"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderDash")]),t._v(" "),r("h4",{attrs:{id:"defined-in-20"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1955",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1955"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdashoffset"}},[t._v("#")]),t._v(" hoverBorderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-21"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderDashOffset")]),t._v(" "),r("h4",{attrs:{id:"defined-in-21"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1956",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1956"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderjoinstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderjoinstyle"}},[t._v("#")]),t._v(" hoverBorderJoinStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderJoinStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineJoin")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-22"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderJoinStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-22"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1957",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1957"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[t._v("#")]),t._v(" hoverBorderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-23"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-23"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1821"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverradius"}},[t._v("#")]),t._v(" hoverRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point radius when hovered.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("4")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-24"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-24"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2026",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2026"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"indexaxis"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#indexaxis"}},[t._v("#")]),t._v(" indexAxis")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("indexAxis")]),t._v(": "),r("code",[t._v('"x"')]),t._v(" | "),r("code",[t._v('"y"')])]),t._v(" "),r("p",[t._v("The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'x'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-25"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#indexaxis"}},[t._v("indexAxis")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-25"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:71"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"label"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("label")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The label for the dataset which appears in the legend and tooltips.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-26"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#label"}},[t._v("label")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-26"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:79"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"normalized"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#normalized"}},[t._v("#")]),t._v(" normalized")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("normalized")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("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.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-27"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#normalized"}},[t._v("normalized")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-27"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"order"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#order"}},[t._v("#")]),t._v(" order")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("order")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("p",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-28"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#order"}},[t._v("order")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-28"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:83"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"parsing"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" parsing")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("parsing")]),t._v(": "),r("code",[t._v("false")]),t._v(" | { "),r("code",[t._v("[key: string]")]),t._v(": "),r("code",[t._v("string")]),t._v("; }")]),t._v(" "),r("p",[t._v("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.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-29"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#parsing"}},[t._v("parsing")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-29"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:54"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointbackgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointbackgroundcolor"}},[t._v("#")]),t._v(" pointBackgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointBackgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The fill color for points.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-30"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointBackgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-30"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2033",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2033"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointbordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointbordercolor"}},[t._v("#")]),t._v(" pointBorderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointBorderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The border color for points.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-31"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointBorderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-31"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2037",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2037"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointborderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointborderwidth"}},[t._v("#")]),t._v(" pointBorderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointBorderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The width of the point border in pixels.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-32"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointBorderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-32"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2041",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2041"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhitradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhitradius"}},[t._v("#")]),t._v(" pointHitRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHitRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-33"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHitRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-33"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2045",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2045"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverbackgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverbackgroundcolor"}},[t._v("#")]),t._v(" pointHoverBackgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverBackgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point background color when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-34"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverBackgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-34"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2064",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2064"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverbordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverbordercolor"}},[t._v("#")]),t._v(" pointHoverBorderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverBorderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point border color when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-35"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverBorderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-35"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2068",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2068"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverborderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverborderwidth"}},[t._v("#")]),t._v(" pointHoverBorderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverBorderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Border width of point when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-36"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverBorderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-36"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2072",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2072"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverradius"}},[t._v("#")]),t._v(" pointHoverRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The radius of the point when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-37"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-37"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2076",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2076"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointradius"}},[t._v("#")]),t._v(" pointRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-38"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-38"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2049",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2049"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointrotation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointrotation"}},[t._v("#")]),t._v(" pointRotation")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointRotation")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The rotation of the point in degrees.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-39"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointRotation")]),t._v(" "),r("h4",{attrs:{id:"defined-in-39"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2053",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2053"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#pointstyle"}},[r("code",[t._v("PointStyle")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point style")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'circle;")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-40"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-40"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2008",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2008"),r("OutboundLink")],1)]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2057",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2057"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"radius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("radius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point radius")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("3")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-41"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.radius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-41"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1998",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1998"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"rotation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("rotation")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point rotation (in degrees).")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("0")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-42"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.rotation")]),t._v(" "),r("h4",{attrs:{id:"defined-in-42"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2013",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2013"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"segment"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#segment"}},[t._v("#")]),t._v(" segment")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("segment")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<{ "),r("code",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderCapStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("CanvasLineCap")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderJoinStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("CanvasLineJoin")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> }, "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-43"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.segment")]),t._v(" "),r("h4",{attrs:{id:"defined-in-43"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1942",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1942"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"showline"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#showline"}},[t._v("#")]),t._v(" showLine")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("showLine")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("If false, the line is not drawn for this dataset.")]),t._v(" "),r("h4",{attrs:{id:"defined-in-44"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L422",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:422"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"spangaps"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#spangaps"}},[t._v("#")]),t._v(" spanGaps")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("spanGaps")]),t._v(": "),r("code",[t._v("number")]),t._v(" | "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.")]),t._v(" "),r("h4",{attrs:{id:"overrides"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.spanGaps")]),t._v(" "),r("h4",{attrs:{id:"defined-in-45"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L417",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:417"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"stack"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#stack"}},[t._v("#")]),t._v(" stack")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("stack")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-44"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#stack"}},[t._v("stack")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-46"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:88"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"stepped"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#stepped"}},[t._v("#")]),t._v(" stepped")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("stepped")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(" | "),r("code",[t._v('"middle"')]),t._v(" | "),r("code",[t._v('"after"')]),t._v(" | "),r("code",[t._v('"before"')]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("true to show the line as a stepped line (tension will be ignored).")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("false")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-45"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.stepped")]),t._v(" "),r("h4",{attrs:{id:"defined-in-47"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1932",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1932"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"tension"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#tension"}},[t._v("#")]),t._v(" tension")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("tension")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Bézier curve tension (0 for no Bézier curves).")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("0")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-46"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.tension")]),t._v(" "),r("h4",{attrs:{id:"defined-in-48"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1927",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1927"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"transitions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("transitions")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[r("code",[t._v("TransitionsSpec")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-47"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("AnimationOptions.transitions")]),t._v(" "),r("h4",{attrs:{id:"defined-in-49"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1768",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1768"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"xaxisid"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#xaxisid"}},[t._v("#")]),t._v(" xAxisID")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("xAxisID")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The ID of the x axis to plot this dataset on.")]),t._v(" "),r("h4",{attrs:{id:"defined-in-50"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L408",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:408"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"yaxisid"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#yaxisid"}},[t._v("#")]),t._v(" yAxisID")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("yAxisID")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The ID of the y axis to plot this dataset on.")]),t._v(" "),r("h4",{attrs:{id:"defined-in-51"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L412",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:412"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{435:function(t,r,e){"use strict";e.r(r);var a=e(3),i=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-radarcontrollerdatasetoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-radarcontrollerdatasetoptions"}},[t._v("#")]),t._v(" Interface: RadarControllerDatasetOptions")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[r("code",[t._v("ControllerDatasetOptions")])])],1)]),t._v(" "),r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[r("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[r("code",[t._v("PointOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[r("code",[t._v("PointHoverOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedOptions.html"}},[r("code",[t._v("PointPrefixedOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedHoverOptions.html"}},[r("code",[t._v("PointPrefixedHoverOptions")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1)]),t._v(" "),r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[r("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/interfaces/LineOptions.html"}},[r("code",[t._v("LineOptions")])]),t._v(" & "),r("RouterLink",{attrs:{to:"/api/interfaces/LineHoverOptions.html"}},[r("code",[t._v("LineHoverOptions")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1)]),t._v(" "),r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/#animationoptions"}},[r("code",[t._v("AnimationOptions")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">")],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("RadarControllerDatasetOptions")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"animation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("animation")]),t._v(": "),r("code",[t._v("false")]),t._v(" | "),r("RouterLink",{attrs:{to:"/api/#animationspec"}},[r("code",[t._v("AnimationSpec")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v("> & { "),r("code",[t._v("onComplete?")]),t._v(": ("),r("code",[t._v("this")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[r("code",[t._v("Chart")])]),t._v(", "),r("code",[t._v("event")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[r("code",[t._v("AnimationEvent")])]),t._v(") => "),r("code",[t._v("void")]),t._v(" ; "),r("code",[t._v("onProgress?")]),t._v(": ("),r("code",[t._v("this")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[r("code",[t._v("Chart")])]),t._v(", "),r("code",[t._v("event")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[r("code",[t._v("AnimationEvent")])]),t._v(") => "),r("code",[t._v("void")]),t._v(" }")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("AnimationOptions.animation")]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1757"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"animations"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("animations")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#animationsspec"}},[r("code",[t._v("AnimationsSpec")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("AnimationOptions.animations")]),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1767"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"backgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.backgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1817"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordercapstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordercapstyle"}},[t._v("#")]),t._v(" borderCapStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderCapStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineCap")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line cap style. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'butt'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderCapStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1897",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1897"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"bordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1816"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[t._v("#")]),t._v(" borderDash")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line dash. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("[]")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderDash")]),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1902",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1902"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[t._v("#")]),t._v(" borderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line dash offset. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("0.0")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-7"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderDashOffset")]),t._v(" "),r("h4",{attrs:{id:"defined-in-7"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1907",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1907"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderjoinstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[t._v("#")]),t._v(" borderJoinStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderJoinStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineJoin")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Line join style. See MDN.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'miter'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderJoinStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-8"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1912",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1912"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"borderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("borderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.borderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-9"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1815",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1815"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"capbezierpoints"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#capbezierpoints"}},[t._v("#")]),t._v(" capBezierPoints")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("capBezierPoints")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("true to keep Bézier control inside the chart, false for no restriction.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("true")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.capBezierPoints")]),t._v(" "),r("h4",{attrs:{id:"defined-in-10"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1917",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1917"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"clip"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("clip")]),t._v(": "),r("code",[t._v("number")]),t._v(" | "),r("code",[t._v("false")]),t._v(" | "),r("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[r("code",[t._v("ChartArea")])])],1),t._v(" "),r("p",[t._v("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: "),r("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])]),t._v(" "),r("h4",{attrs:{id:"inherited-from-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#clip"}},[t._v("clip")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-11"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:75"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"cubicinterpolationmode"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#cubicinterpolationmode"}},[t._v("#")]),t._v(" cubicInterpolationMode")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("cubicInterpolationMode")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v('"default"')]),t._v(" | "),r("code",[t._v('"monotone"')]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Interpolation mode to apply.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'default'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-12"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.cubicInterpolationMode")]),t._v(" "),r("h4",{attrs:{id:"defined-in-12"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1922",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1922"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"drawactiveelementsontop"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#drawactiveelementsontop"}},[t._v("#")]),t._v(" drawActiveElementsOnTop")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("drawActiveElementsOnTop")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Draw the active elements over the other elements of the dataset,")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("true")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-13"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.drawActiveElementsOnTop")]),t._v(" "),r("h4",{attrs:{id:"defined-in-13"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2018",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2018"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"fill"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#fill"}},[t._v("#")]),t._v(" fill")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("fill")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#filltarget"}},[r("code",[t._v("FillTarget")])]),t._v(" | "),r("RouterLink",{attrs:{to:"/api/interfaces/ComplexFillTarget.html"}},[r("code",[t._v("ComplexFillTarget")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Both line and radar charts support a fill option on the dataset object which can be used to create area between two datasets or a dataset and a boundary, i.e. the scale origin, start or end")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-14"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.fill")]),t._v(" "),r("h4",{attrs:{id:"defined-in-14"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1936",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1936"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hidden"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hidden"}},[t._v("#")]),t._v(" hidden")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hidden")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("false")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-15"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#hidden"}},[t._v("hidden")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-15"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:93"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hitradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hitradius"}},[t._v("#")]),t._v(" hitRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hitRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Extra radius added to point radius for hit detection.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("1")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-16"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hitRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-16"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2003",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2003"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverbackgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[t._v("#")]),t._v(" hoverBackgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBackgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-17"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBackgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-17"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1823"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverbordercapstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercapstyle"}},[t._v("#")]),t._v(" hoverBorderCapStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderCapStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineCap")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-18"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderCapStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-18"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1954",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1954"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverbordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[t._v("#")]),t._v(" hoverBorderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-19"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-19"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1822"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderdash"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdash"}},[t._v("#")]),t._v(" hoverBorderDash")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-20"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderDash")]),t._v(" "),r("h4",{attrs:{id:"defined-in-20"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1955",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1955"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderdashoffset"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdashoffset"}},[t._v("#")]),t._v(" hoverBorderDashOffset")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-21"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderDashOffset")]),t._v(" "),r("h4",{attrs:{id:"defined-in-21"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1956",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1956"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderjoinstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderjoinstyle"}},[t._v("#")]),t._v(" hoverBorderJoinStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderJoinStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("CanvasLineJoin")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-22"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderJoinStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-22"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1957",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1957"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverborderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[t._v("#")]),t._v(" hoverBorderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverBorderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-23"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverBorderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-23"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1821"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"hoverradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hoverradius"}},[t._v("#")]),t._v(" hoverRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("hoverRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point radius when hovered.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("4")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-24"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.hoverRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-24"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2026",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2026"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"indexaxis"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#indexaxis"}},[t._v("#")]),t._v(" indexAxis")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("indexAxis")]),t._v(": "),r("code",[t._v('"x"')]),t._v(" | "),r("code",[t._v('"y"')])]),t._v(" "),r("p",[t._v("The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'x'")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-25"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#indexaxis"}},[t._v("indexAxis")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-25"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:71"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"label"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("label")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The label for the dataset which appears in the legend and tooltips.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-26"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#label"}},[t._v("label")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-26"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:79"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"normalized"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#normalized"}},[t._v("#")]),t._v(" normalized")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("normalized")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("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.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-27"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#normalized"}},[t._v("normalized")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-27"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:63"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"order"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#order"}},[t._v("#")]),t._v(" order")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("order")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("p",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-28"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#order"}},[t._v("order")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-28"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:83"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"parsing"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" parsing")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("parsing")]),t._v(": "),r("code",[t._v("false")]),t._v(" | { "),r("code",[t._v("[key: string]")]),t._v(": "),r("code",[t._v("string")]),t._v("; }")]),t._v(" "),r("p",[t._v("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.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-29"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#parsing"}},[t._v("parsing")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-29"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:54"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointbackgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointbackgroundcolor"}},[t._v("#")]),t._v(" pointBackgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointBackgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The fill color for points.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-30"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointBackgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-30"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2033",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2033"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointbordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointbordercolor"}},[t._v("#")]),t._v(" pointBorderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointBorderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The border color for points.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-31"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointBorderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-31"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2037",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2037"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointborderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointborderwidth"}},[t._v("#")]),t._v(" pointBorderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointBorderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The width of the point border in pixels.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-32"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointBorderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-32"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2041",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2041"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhitradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhitradius"}},[t._v("#")]),t._v(" pointHitRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHitRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-33"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHitRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-33"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2045",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2045"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverbackgroundcolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverbackgroundcolor"}},[t._v("#")]),t._v(" pointHoverBackgroundColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverBackgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point background color when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-34"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverBackgroundColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-34"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2064",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2064"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverbordercolor"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverbordercolor"}},[t._v("#")]),t._v(" pointHoverBorderColor")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverBorderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point border color when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-35"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverBorderColor")]),t._v(" "),r("h4",{attrs:{id:"defined-in-35"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2068",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2068"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverborderwidth"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverborderwidth"}},[t._v("#")]),t._v(" pointHoverBorderWidth")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverBorderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Border width of point when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-36"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverBorderWidth")]),t._v(" "),r("h4",{attrs:{id:"defined-in-36"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2072",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2072"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointhoverradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointhoverradius"}},[t._v("#")]),t._v(" pointHoverRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointHoverRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The radius of the point when hovered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-37"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointHoverRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-37"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2076",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2076"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointradius"}},[t._v("#")]),t._v(" pointRadius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointRadius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-38"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointRadius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-38"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2049",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2049"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointrotation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointrotation"}},[t._v("#")]),t._v(" pointRotation")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointRotation")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("The rotation of the point in degrees.")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-39"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointRotation")]),t._v(" "),r("h4",{attrs:{id:"defined-in-39"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2053",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2053"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"pointstyle"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("pointStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#pointstyle"}},[r("code",[t._v("PointStyle")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point style")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("'circle;")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-40"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.pointStyle")]),t._v(" "),r("h4",{attrs:{id:"defined-in-40"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2008",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2008"),r("OutboundLink")],1)]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2057",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2057"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"radius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#radius"}},[t._v("#")]),t._v(" radius")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("radius")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point radius")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("3")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-41"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.radius")]),t._v(" "),r("h4",{attrs:{id:"defined-in-41"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1998",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1998"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"rotation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("rotation")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Point rotation (in degrees).")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("0")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-42"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.rotation")]),t._v(" "),r("h4",{attrs:{id:"defined-in-42"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2013",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2013"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"segment"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#segment"}},[t._v("#")]),t._v(" segment")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("segment")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<{ "),r("code",[t._v("backgroundColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderCapStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("CanvasLineCap")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderColor")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("RouterLink",{attrs:{to:"/api/#color"}},[r("code",[t._v("Color")])]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderDash")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v("[], "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderDashOffset")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderJoinStyle")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("CanvasLineJoin")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> ; "),r("code",[t._v("borderWidth")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptable"}},[r("code",[t._v("Scriptable")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[r("code",[t._v("ScriptableLineSegmentContext")])]),t._v("> }, "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-43"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.segment")]),t._v(" "),r("h4",{attrs:{id:"defined-in-43"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1942",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1942"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"showline"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#showline"}},[t._v("#")]),t._v(" showLine")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("showLine")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("If false, the line is not drawn for this dataset.")]),t._v(" "),r("h4",{attrs:{id:"defined-in-44"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L422",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:422"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"spangaps"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#spangaps"}},[t._v("#")]),t._v(" spanGaps")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("spanGaps")]),t._v(": "),r("code",[t._v("number")]),t._v(" | "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("If true, lines will be drawn between points with no or null data. If false, points with NaN data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.")]),t._v(" "),r("h4",{attrs:{id:"overrides"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.spanGaps")]),t._v(" "),r("h4",{attrs:{id:"defined-in-45"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L417",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:417"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"stack"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#stack"}},[t._v("#")]),t._v(" stack")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("stack")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-44"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#stack"}},[t._v("stack")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-46"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:88"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"stepped"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#stepped"}},[t._v("#")]),t._v(" stepped")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("stepped")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("boolean")]),t._v(" | "),r("code",[t._v('"middle"')]),t._v(" | "),r("code",[t._v('"after"')]),t._v(" | "),r("code",[t._v('"before"')]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("true to show the line as a stepped line (tension will be ignored).")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("false")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-45"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.stepped")]),t._v(" "),r("h4",{attrs:{id:"defined-in-47"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1932",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1932"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"tension"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#tension"}},[t._v("#")]),t._v(" tension")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("tension")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[r("code",[t._v("ScriptableAndArray")])]),t._v("<"),r("code",[t._v("number")]),t._v(", "),r("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[r("code",[t._v("ScriptableContext")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">>")],1),t._v(" "),r("p",[t._v("Bézier curve tension (0 for no Bézier curves).")]),t._v(" "),r("p",[r("strong",[r("code",[t._v("Default")])])]),t._v(" "),r("p",[t._v("0")]),t._v(" "),r("h4",{attrs:{id:"inherited-from-46"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("ScriptableAndArrayOptions.tension")]),t._v(" "),r("h4",{attrs:{id:"defined-in-48"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1927",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1927"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"transitions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("transitions")]),t._v(": "),r("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[r("code",[t._v("TransitionsSpec")])]),t._v("<"),r("code",[t._v('"radar"')]),t._v(">")],1),t._v(" "),r("h4",{attrs:{id:"inherited-from-47"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[t._v("AnimationOptions.transitions")]),t._v(" "),r("h4",{attrs:{id:"defined-in-49"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1768",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1768"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"xaxisid"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#xaxisid"}},[t._v("#")]),t._v(" xAxisID")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("xAxisID")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The ID of the x axis to plot this dataset on.")]),t._v(" "),r("h4",{attrs:{id:"defined-in-50"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L408",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:408"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"yaxisid"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#yaxisid"}},[t._v("#")]),t._v(" yAxisID")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("yAxisID")]),t._v(": "),r("code",[t._v("string")])]),t._v(" "),r("p",[t._v("The ID of the y axis to plot this dataset on.")]),t._v(" "),r("h4",{attrs:{id:"defined-in-51"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L412",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:412"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/105.7dae2035.js b/docs/master/assets/js/105.0d7da163.js similarity index 94% rename from docs/master/assets/js/105.7dae2035.js rename to docs/master/assets/js/105.0d7da163.js index 8418b1cd6f..b475572b99 100644 --- a/docs/master/assets/js/105.7dae2035.js +++ b/docs/master/assets/js/105.0d7da163.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{439:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-radiallinearscale-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-radiallinearscale-o"}},[t._v("#")]),t._v(" Interface: RadialLinearScale")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("RadialLinearScale")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("never")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#animations"}},[t._v("$animations")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#active"}},[t._v("active")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#axis"}},[t._v("axis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1276",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1276"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Bottom edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#bottom"}},[t._v("bottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#chart"}},[t._v("chart")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1266",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1266"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ctx"}},[t._v("ctx")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1265",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1265"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, and the item is horizontal, then push vertical boxes down")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fullsize"}},[t._v("fullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#height"}},[t._v("height")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1263"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelrotation"}},[t._v("#")]),t._v(" labelRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#labelrotation"}},[t._v("labelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1277",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1277"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#left"}},[t._v("left")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:29"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"max"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#max"}},[t._v("#")]),t._v(" max")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("max")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#max"}},[t._v("max")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1279",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1279"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxheight"}},[t._v("#")]),t._v(" maxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxHeight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxheight"}},[t._v("maxHeight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxwidth"}},[t._v("maxWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"min"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min"}},[t._v("#")]),t._v(" min")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("min")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#min"}},[t._v("min")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1278",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1278"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#options"}},[t._v("options")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingbottom"}},[t._v("#")]),t._v(" paddingBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingBottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingbottom"}},[t._v("paddingBottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1272",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1272"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingleft"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingleft"}},[t._v("#")]),t._v(" paddingLeft")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingLeft")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingleft"}},[t._v("paddingLeft")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1273",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1273"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingright"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingright"}},[t._v("#")]),t._v(" paddingRight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingRight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingright"}},[t._v("paddingRight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1274"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingtop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingtop"}},[t._v("#")]),t._v(" paddingTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingTop")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingtop"}},[t._v("paddingTop")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1271",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1271"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])])],1),t._v(" "),e("p",[t._v("The position of the item in the chart layout. Possible values are")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"right"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#right"}},[t._v("#")]),t._v(" right")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("right")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Right edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#right"}},[t._v("right")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" ticks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ticks"}},[t._v("ticks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1280",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1280"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#top"}},[t._v("top")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#type"}},[t._v("type")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The weight used to sort the item. Higher weights are further away from the chart area")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#x"}},[t._v("x")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xcenter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xcenter"}},[t._v("#")]),t._v(" xCenter")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xCenter")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#y"}},[t._v("y")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ycenter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ycenter"}},[t._v("#")]),t._v(" yCenter")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yCenter")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3591",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3591"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterbuildticks"}},[t._v("afterBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftercalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftercalculatelabelrotation"}},[t._v("#")]),t._v(" afterCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftercalculatelabelrotation"}},[t._v("afterCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterdatalimits"}},[t._v("afterDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1358",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1358"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfit"}},[t._v("#")]),t._v(" afterFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterfit"}},[t._v("afterFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1370",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1370"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftersetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftersetdimensions"}},[t._v("#")]),t._v(" afterSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftersetdimensions"}},[t._v("afterSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1355",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1355"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterticktolabelconversion"}},[t._v("#")]),t._v(" afterTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterticktolabelconversion"}},[t._v("afterTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterupdate"}},[t._v("afterUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1352",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1352"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforebuildticks"}},[t._v("beforeBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforecalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforecalculatelabelrotation"}},[t._v("#")]),t._v(" beforeCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforecalculatelabelrotation"}},[t._v("beforeCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1365",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1365"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforedatalimits"}},[t._v("beforeDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1356",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefit"}},[t._v("#")]),t._v(" beforeFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforefit"}},[t._v("beforeFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1368",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1368"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the layout process starts")]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforesetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforesetdimensions"}},[t._v("#")]),t._v(" beforeSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforesetdimensions"}},[t._v("beforeSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1353",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1353"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeticktolabelconversion"}},[t._v("#")]),t._v(" beforeTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeticktolabelconversion"}},[t._v("beforeTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1362",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1362"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeupdate"}},[t._v("beforeUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildticks"}},[t._v("#")]),t._v(" buildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#buildticks"}},[t._v("buildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatelabelrotation"}},[t._v("#")]),t._v(" calculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#calculatelabelrotation"}},[t._v("calculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1366"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#configure"}},[t._v("configure")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1351",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1351"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"determinedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#determinedatalimits"}},[t._v("#")]),t._v(" determineDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("determineDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-48"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#determinedatalimits"}},[t._v("determineDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1357",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1357"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Draws the element")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-49"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawgrid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawgrid"}},[t._v("#")]),t._v(" drawGrid")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawGrid")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-50"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawgrid"}},[t._v("drawGrid")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1285",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawlabels"}},[t._v("#")]),t._v(" drawLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawLabels")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-51"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawlabels"}},[t._v("drawLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1284",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1284"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtitle"}},[t._v("#")]),t._v(" drawTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawTitle")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-52"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawtitle"}},[t._v("drawTitle")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1283",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1283"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fit"}},[t._v("#")]),t._v(" fit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("fit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-53"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fit"}},[t._v("fit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1369",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1369"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"generateticklabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#generateticklabels"}},[t._v("#")]),t._v(" generateTickLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("generateTickLabels")]),t._v("("),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-54"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#generateticklabels"}},[t._v("generateTickLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasepixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasepixel"}},[t._v("#")]),t._v(" getBasePixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePixel")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the pixel for the minimum chart value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-55"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasepixel"}},[t._v("getBasePixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbaseposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbaseposition"}},[t._v("#")]),t._v(" getBasePosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePosition")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasevalue"}},[t._v("#")]),t._v(" getBaseValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBaseValue")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-56"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasevalue"}},[t._v("getBaseValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1335",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1335"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdecimalforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdecimalforpixel"}},[t._v("#")]),t._v(" getDecimalForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDecimalForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-57"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getdecimalforpixel"}},[t._v("getDecimalForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1291",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdistancefromcenterforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdistancefromcenterforvalue"}},[t._v("#")]),t._v(" getDistanceFromCenterForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDistanceFromCenterForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3594",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3594"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getindexangle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getindexangle"}},[t._v("#")]),t._v(" getIndexAngle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getIndexAngle")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelforvalue"}},[t._v("#")]),t._v(" getLabelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Used to get the label to display in the tooltip for the given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-58"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelforvalue"}},[t._v("getLabelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1311",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1311"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelitems"}},[t._v("#")]),t._v(" getLabelItems")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelItems")]),t._v("("),e("code",[t._v("chartArea?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-59"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelitems"}},[t._v("getLabelItems")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1349",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1349"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabels"}},[t._v("#")]),t._v(" getLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabels")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-60"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabels"}},[t._v("getLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1348",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1348"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlinewidthforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlinewidthforvalue"}},[t._v("#")]),t._v(" getLineWidthForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLineWidthForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the grid line width at given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-61"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlinewidthforvalue"}},[t._v("getLineWidthForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1316",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1316"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmatchingvisiblemetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmatchingvisiblemetas"}},[t._v("#")]),t._v(" getMatchingVisibleMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMatchingVisibleMetas")]),t._v("("),e("code",[t._v("type?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-62"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getmatchingvisiblemetas"}},[t._v("getMatchingVisibleMetas")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("canStack")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-37"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-63"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getminmax"}},[t._v("getMinMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpadding"}},[t._v("#")]),t._v(" getPadding")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getPadding")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Returns an object with padding on the edges")]),t._v(" "),e("h4",{attrs:{id:"returns-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-38"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-64"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpadding"}},[t._v("getPadding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfordecimal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfordecimal"}},[t._v("#")]),t._v(" getPixelForDecimal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForDecimal")]),t._v("("),e("code",[t._v("decimal")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Utility for getting the pixel location of a percentage of scale\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("decimal")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-39"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-65"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfordecimal"}},[t._v("getPixelForDecimal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1298",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1298"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfortick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfortick"}},[t._v("#")]),t._v(" getPixelForTick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForTick")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the tick at the given index\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-40"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-66"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfortick"}},[t._v("getPixelForTick")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1305",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1305"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelforvalue"}},[t._v("#")]),t._v(" getPixelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForValue")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the given data point. Value can either be an index or a numerical value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-41"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-67"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelforvalue"}},[t._v("getPixelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1325",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1325"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpointlabelposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpointlabelposition"}},[t._v("#")]),t._v(" getPointLabelPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPointLabelPosition")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-42"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3598",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3598"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpointposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpointposition"}},[t._v("#")]),t._v(" getPointPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPointPosition")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("distanceFromCenter")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("distanceFromCenter")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-43"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3596",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3596"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpointpositionforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpointpositionforvalue"}},[t._v("#")]),t._v(" getPointPositionForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPointPositionForValue")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-44"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3597"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("never")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-45"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-68"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-46"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-69"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getticks"}},[t._v("#")]),t._v(" getTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-47"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-70"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getticks"}},[t._v("getTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getuserbounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getuserbounds"}},[t._v("#")]),t._v(" getUserBounds")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getUserBounds")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-48"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("maxDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-71"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getuserbounds"}},[t._v("getUserBounds")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1345",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1345"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvaluefordistancefromcenter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvaluefordistancefromcenter"}},[t._v("#")]),t._v(" getValueForDistanceFromCenter")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForDistanceFromCenter")]),t._v("("),e("code",[t._v("distance")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("distance")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-49"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3595",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3595"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvalueforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvalueforpixel"}},[t._v("#")]),t._v(" getValueForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Used to get the data value from a given pixel. This is the inverse of getPixelForValue\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-50"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-72"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getvalueforpixel"}},[t._v("getValueForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1333",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1333"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-51"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-73"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#hasvalue"}},[t._v("hasValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-82"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-82"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("init")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-52"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-74"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-83"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-83"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isfullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isfullsize"}},[t._v("#")]),t._v(" isFullSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isFullSize")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-53"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-75"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#isfullsize"}},[t._v("isFullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-84"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-84"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1372",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1372"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ishorizontal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ishorizontal"}},[t._v("#")]),t._v(" isHorizontal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isHorizontal")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("returns true if the layout item is horizontal (ie. top or bottom)")]),t._v(" "),e("h4",{attrs:{id:"returns-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-54"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-76"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ishorizontal"}},[t._v("isHorizontal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-85"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-85"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("raw")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"parameters-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-26"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("raw")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-55"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-77"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#parse"}},[t._v("parse")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-86"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-86"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setcenterpoint"}},[t._v("#")]),t._v(" setCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setCenterPoint")]),t._v("("),e("code",[t._v("leftMovement")]),t._v(", "),e("code",[t._v("rightMovement")]),t._v(", "),e("code",[t._v("topMovement")]),t._v(", "),e("code",[t._v("bottomMovement")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-27"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("leftMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("rightMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("topMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("bottomMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-56"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-87"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-87"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3592",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3592"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdimensions"}},[t._v("#")]),t._v(" setDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-57"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-78"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#setdimensions"}},[t._v("setDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-88"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-88"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1354",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1354"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-28"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-58"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-79"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#tooltipposition"}},[t._v("tooltipPosition")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-89"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-89"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("width")]),t._v(", "),e("code",[t._v("height")]),t._v(", "),e("code",[t._v("margins?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Takes two parameters: width and height.")]),t._v(" "),e("h4",{attrs:{id:"parameters-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-29"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("margins?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-59"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-80"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#update"}},[t._v("update")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-90"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-90"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:64"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{436:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-radiallinearscale-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-radiallinearscale-o"}},[t._v("#")]),t._v(" Interface: RadialLinearScale")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("RadialLinearScale")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("never")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#animations"}},[t._v("$animations")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#active"}},[t._v("active")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#axis"}},[t._v("axis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1276",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1276"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Bottom edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#bottom"}},[t._v("bottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#chart"}},[t._v("chart")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1266",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1266"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ctx"}},[t._v("ctx")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1265",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1265"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, and the item is horizontal, then push vertical boxes down")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fullsize"}},[t._v("fullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#height"}},[t._v("height")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1263"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelrotation"}},[t._v("#")]),t._v(" labelRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#labelrotation"}},[t._v("labelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1277",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1277"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#left"}},[t._v("left")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:29"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"max"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#max"}},[t._v("#")]),t._v(" max")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("max")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#max"}},[t._v("max")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1279",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1279"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxheight"}},[t._v("#")]),t._v(" maxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxHeight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxheight"}},[t._v("maxHeight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxwidth"}},[t._v("maxWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"min"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min"}},[t._v("#")]),t._v(" min")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("min")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#min"}},[t._v("min")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1278",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1278"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#options"}},[t._v("options")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingbottom"}},[t._v("#")]),t._v(" paddingBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingBottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingbottom"}},[t._v("paddingBottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1272",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1272"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingleft"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingleft"}},[t._v("#")]),t._v(" paddingLeft")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingLeft")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingleft"}},[t._v("paddingLeft")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1273",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1273"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingright"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingright"}},[t._v("#")]),t._v(" paddingRight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingRight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingright"}},[t._v("paddingRight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1274"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingtop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingtop"}},[t._v("#")]),t._v(" paddingTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingTop")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingtop"}},[t._v("paddingTop")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1271",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1271"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])])],1),t._v(" "),e("p",[t._v("The position of the item in the chart layout. Possible values are")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"right"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#right"}},[t._v("#")]),t._v(" right")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("right")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Right edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#right"}},[t._v("right")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" ticks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ticks"}},[t._v("ticks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1280",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1280"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#top"}},[t._v("top")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#type"}},[t._v("type")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The weight used to sort the item. Higher weights are further away from the chart area")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#x"}},[t._v("x")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xcenter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xcenter"}},[t._v("#")]),t._v(" xCenter")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xCenter")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#y"}},[t._v("y")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ycenter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ycenter"}},[t._v("#")]),t._v(" yCenter")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yCenter")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3591",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3591"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterbuildticks"}},[t._v("afterBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftercalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftercalculatelabelrotation"}},[t._v("#")]),t._v(" afterCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftercalculatelabelrotation"}},[t._v("afterCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterdatalimits"}},[t._v("afterDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1358",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1358"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfit"}},[t._v("#")]),t._v(" afterFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterfit"}},[t._v("afterFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1370",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1370"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftersetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftersetdimensions"}},[t._v("#")]),t._v(" afterSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftersetdimensions"}},[t._v("afterSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1355",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1355"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterticktolabelconversion"}},[t._v("#")]),t._v(" afterTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterticktolabelconversion"}},[t._v("afterTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterupdate"}},[t._v("afterUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1352",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1352"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforebuildticks"}},[t._v("beforeBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforecalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforecalculatelabelrotation"}},[t._v("#")]),t._v(" beforeCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforecalculatelabelrotation"}},[t._v("beforeCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1365",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1365"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforedatalimits"}},[t._v("beforeDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1356",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefit"}},[t._v("#")]),t._v(" beforeFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforefit"}},[t._v("beforeFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1368",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1368"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the layout process starts")]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforesetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforesetdimensions"}},[t._v("#")]),t._v(" beforeSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforesetdimensions"}},[t._v("beforeSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1353",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1353"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeticktolabelconversion"}},[t._v("#")]),t._v(" beforeTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeticktolabelconversion"}},[t._v("beforeTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1362",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1362"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeupdate"}},[t._v("beforeUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildticks"}},[t._v("#")]),t._v(" buildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#buildticks"}},[t._v("buildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatelabelrotation"}},[t._v("#")]),t._v(" calculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#calculatelabelrotation"}},[t._v("calculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1366"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#configure"}},[t._v("configure")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1351",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1351"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"determinedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#determinedatalimits"}},[t._v("#")]),t._v(" determineDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("determineDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-48"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#determinedatalimits"}},[t._v("determineDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1357",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1357"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Draws the element")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-49"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawgrid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawgrid"}},[t._v("#")]),t._v(" drawGrid")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawGrid")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-50"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawgrid"}},[t._v("drawGrid")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1285",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawlabels"}},[t._v("#")]),t._v(" drawLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawLabels")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-51"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawlabels"}},[t._v("drawLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1284",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1284"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtitle"}},[t._v("#")]),t._v(" drawTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawTitle")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-52"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawtitle"}},[t._v("drawTitle")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1283",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1283"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fit"}},[t._v("#")]),t._v(" fit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("fit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-53"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fit"}},[t._v("fit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1369",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1369"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"generateticklabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#generateticklabels"}},[t._v("#")]),t._v(" generateTickLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("generateTickLabels")]),t._v("("),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-54"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#generateticklabels"}},[t._v("generateTickLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasepixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasepixel"}},[t._v("#")]),t._v(" getBasePixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePixel")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the pixel for the minimum chart value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-55"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasepixel"}},[t._v("getBasePixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbaseposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbaseposition"}},[t._v("#")]),t._v(" getBasePosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePosition")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasevalue"}},[t._v("#")]),t._v(" getBaseValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBaseValue")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-56"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasevalue"}},[t._v("getBaseValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1335",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1335"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdecimalforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdecimalforpixel"}},[t._v("#")]),t._v(" getDecimalForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDecimalForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-57"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getdecimalforpixel"}},[t._v("getDecimalForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1291",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdistancefromcenterforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdistancefromcenterforvalue"}},[t._v("#")]),t._v(" getDistanceFromCenterForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDistanceFromCenterForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3594",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3594"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getindexangle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getindexangle"}},[t._v("#")]),t._v(" getIndexAngle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getIndexAngle")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelforvalue"}},[t._v("#")]),t._v(" getLabelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Used to get the label to display in the tooltip for the given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-58"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelforvalue"}},[t._v("getLabelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1311",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1311"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelitems"}},[t._v("#")]),t._v(" getLabelItems")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelItems")]),t._v("("),e("code",[t._v("chartArea?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-59"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelitems"}},[t._v("getLabelItems")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1349",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1349"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabels"}},[t._v("#")]),t._v(" getLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabels")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-60"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabels"}},[t._v("getLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1348",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1348"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlinewidthforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlinewidthforvalue"}},[t._v("#")]),t._v(" getLineWidthForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLineWidthForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the grid line width at given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-61"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlinewidthforvalue"}},[t._v("getLineWidthForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1316",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1316"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmatchingvisiblemetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmatchingvisiblemetas"}},[t._v("#")]),t._v(" getMatchingVisibleMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMatchingVisibleMetas")]),t._v("("),e("code",[t._v("type?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-62"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getmatchingvisiblemetas"}},[t._v("getMatchingVisibleMetas")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("canStack")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-37"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-63"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getminmax"}},[t._v("getMinMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpadding"}},[t._v("#")]),t._v(" getPadding")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getPadding")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Returns an object with padding on the edges")]),t._v(" "),e("h4",{attrs:{id:"returns-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-38"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-64"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpadding"}},[t._v("getPadding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfordecimal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfordecimal"}},[t._v("#")]),t._v(" getPixelForDecimal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForDecimal")]),t._v("("),e("code",[t._v("decimal")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Utility for getting the pixel location of a percentage of scale\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("decimal")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-39"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-65"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfordecimal"}},[t._v("getPixelForDecimal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1298",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1298"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfortick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfortick"}},[t._v("#")]),t._v(" getPixelForTick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForTick")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the tick at the given index\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-40"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-66"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfortick"}},[t._v("getPixelForTick")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1305",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1305"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelforvalue"}},[t._v("#")]),t._v(" getPixelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForValue")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the given data point. Value can either be an index or a numerical value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-41"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-67"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelforvalue"}},[t._v("getPixelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1325",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1325"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpointlabelposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpointlabelposition"}},[t._v("#")]),t._v(" getPointLabelPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPointLabelPosition")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-42"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3598",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3598"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpointposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpointposition"}},[t._v("#")]),t._v(" getPointPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPointPosition")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("distanceFromCenter")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("distanceFromCenter")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-43"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3596",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3596"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpointpositionforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpointpositionforvalue"}},[t._v("#")]),t._v(" getPointPositionForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPointPositionForValue")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-44"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3597"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("never")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-45"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-68"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-46"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-69"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getticks"}},[t._v("#")]),t._v(" getTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-47"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-70"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getticks"}},[t._v("getTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getuserbounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getuserbounds"}},[t._v("#")]),t._v(" getUserBounds")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getUserBounds")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-48"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("maxDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-71"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getuserbounds"}},[t._v("getUserBounds")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1345",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1345"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvaluefordistancefromcenter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvaluefordistancefromcenter"}},[t._v("#")]),t._v(" getValueForDistanceFromCenter")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForDistanceFromCenter")]),t._v("("),e("code",[t._v("distance")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("distance")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-49"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3595",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3595"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvalueforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvalueforpixel"}},[t._v("#")]),t._v(" getValueForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Used to get the data value from a given pixel. This is the inverse of getPixelForValue\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-50"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-72"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getvalueforpixel"}},[t._v("getValueForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1333",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1333"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-51"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-73"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#hasvalue"}},[t._v("hasValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-82"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-82"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("init")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-52"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-74"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-83"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-83"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isfullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isfullsize"}},[t._v("#")]),t._v(" isFullSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isFullSize")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-53"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-75"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#isfullsize"}},[t._v("isFullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-84"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-84"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1372",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1372"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ishorizontal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ishorizontal"}},[t._v("#")]),t._v(" isHorizontal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isHorizontal")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("returns true if the layout item is horizontal (ie. top or bottom)")]),t._v(" "),e("h4",{attrs:{id:"returns-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-54"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-76"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ishorizontal"}},[t._v("isHorizontal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-85"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-85"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("raw")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"parameters-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-26"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("raw")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-55"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-77"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#parse"}},[t._v("parse")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-86"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-86"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setcenterpoint"}},[t._v("#")]),t._v(" setCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setCenterPoint")]),t._v("("),e("code",[t._v("leftMovement")]),t._v(", "),e("code",[t._v("rightMovement")]),t._v(", "),e("code",[t._v("topMovement")]),t._v(", "),e("code",[t._v("bottomMovement")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-27"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("leftMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("rightMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("topMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("bottomMovement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-56"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-87"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-87"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3592",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3592"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdimensions"}},[t._v("#")]),t._v(" setDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-57"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-78"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#setdimensions"}},[t._v("setDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-88"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-88"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1354",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1354"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-28"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-58"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-79"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#tooltipposition"}},[t._v("tooltipPosition")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-89"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-89"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("width")]),t._v(", "),e("code",[t._v("height")]),t._v(", "),e("code",[t._v("margins?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Takes two parameters: width and height.")]),t._v(" "),e("h4",{attrs:{id:"parameters-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-29"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("margins?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-59"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-80"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#update"}},[t._v("update")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-90"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-90"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:64"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/106.7f8d62f0.js b/docs/master/assets/js/106.aaf25bda.js similarity index 94% rename from docs/master/assets/js/106.7f8d62f0.js rename to docs/master/assets/js/106.aaf25bda.js index bc810ff940..dc9773de23 100644 --- a/docs/master/assets/js/106.7f8d62f0.js +++ b/docs/master/assets/js/106.aaf25bda.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[106],{437:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-radialscaletyperegistry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-radialscaletyperegistry"}},[t._v("#")]),t._v(" Interface: RadialScaleTypeRegistry")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("RadialScaleTypeRegistry")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ScaleTypeRegistry.html"}},[e("code",[t._v("ScaleTypeRegistry")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"radiallinear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinear"}},[t._v("#")]),t._v(" radialLinear")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("radialLinear")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3625",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3625"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[106],{437:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-radialscaletyperegistry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-radialscaletyperegistry"}},[t._v("#")]),t._v(" Interface: RadialScaleTypeRegistry")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("RadialScaleTypeRegistry")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ScaleTypeRegistry.html"}},[e("code",[t._v("ScaleTypeRegistry")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"radiallinear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinear"}},[t._v("#")]),t._v(" radialLinear")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("radialLinear")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3625",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3625"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/107.4df5f590.js b/docs/master/assets/js/107.df93a84c.js similarity index 95% rename from docs/master/assets/js/107.4df5f590.js rename to docs/master/assets/js/107.df93a84c.js index 9c2f262d54..4b3efa0585 100644 --- a/docs/master/assets/js/107.4df5f590.js +++ b/docs/master/assets/js/107.df93a84c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[107],{440:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-registry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-registry"}},[t._v("#")]),t._v(" Interface: Registry")]),t._v(" "),e("p",[t._v("Please use the module's default export which provides a singleton instance\nNote: class is exported for typedoc")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"controllers"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#controllers"}},[t._v("#")]),t._v(" controllers")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("controllers")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">, "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1132",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1132"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" elements")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1133",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1133"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"plugins"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#plugins"}},[t._v("#")]),t._v(" plugins")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("plugins")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1134",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1134"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scales"}},[t._v("#")]),t._v(" scales")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("scales")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1135",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1135"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"add"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#add"}},[t._v("#")]),t._v(" add")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("add")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1137",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1137"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addcontrollers"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addcontrollers"}},[t._v("#")]),t._v(" addControllers")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addControllers")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1140",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1140"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addelements"}},[t._v("#")]),t._v(" addElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addElements")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1141",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1141"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addplugins"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addplugins"}},[t._v("#")]),t._v(" addPlugins")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addPlugins")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1142",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1142"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addscales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addscales"}},[t._v("#")]),t._v(" addScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addScales")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1143",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1143"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcontroller"}},[t._v("#")]),t._v(" getController")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getController")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">, "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">, "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1145",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1145"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getelement"}},[t._v("#")]),t._v(" getElement")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getElement")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1146",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getplugin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getplugin"}},[t._v("#")]),t._v(" getPlugin")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPlugin")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1147",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1147"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getscale"}},[t._v("#")]),t._v(" getScale")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getScale")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1148",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1148"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"remove"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#remove"}},[t._v("#")]),t._v(" remove")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("remove")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1138",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1138"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[107],{440:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-registry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-registry"}},[t._v("#")]),t._v(" Interface: Registry")]),t._v(" "),e("p",[t._v("Please use the module's default export which provides a singleton instance\nNote: class is exported for typedoc")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"controllers"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#controllers"}},[t._v("#")]),t._v(" controllers")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("controllers")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">, "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1132",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1132"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[t._v("#")]),t._v(" elements")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("elements")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1133",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1133"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"plugins"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#plugins"}},[t._v("#")]),t._v(" plugins")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("plugins")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1134",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1134"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scales"}},[t._v("#")]),t._v(" scales")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("scales")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[e("code",[t._v("TypedRegistry")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1135",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1135"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"add"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#add"}},[t._v("#")]),t._v(" add")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("add")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1137",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1137"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addcontrollers"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addcontrollers"}},[t._v("#")]),t._v(" addControllers")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addControllers")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1140",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1140"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addelements"}},[t._v("#")]),t._v(" addElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addElements")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1141",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1141"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addplugins"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addplugins"}},[t._v("#")]),t._v(" addPlugins")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addPlugins")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1142",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1142"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addscales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addscales"}},[t._v("#")]),t._v(" addScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addScales")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1143",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1143"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcontroller"}},[t._v("#")]),t._v(" getController")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getController")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">, "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">, "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])]),t._v(" | "),e("code",[t._v("BarParsedData")]),t._v(" | "),e("code",[t._v("BubbleParsedData")]),t._v(" | "),e("code",[t._v("RadialParsedData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1145",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1145"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getelement"}},[t._v("#")]),t._v(" getElement")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getElement")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1146",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getplugin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getplugin"}},[t._v("#")]),t._v(" getPlugin")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPlugin")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1147",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1147"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getscale"}},[t._v("#")]),t._v(" getScale")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getScale")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1148",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1148"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"remove"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#remove"}},[t._v("#")]),t._v(" remove")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("remove")]),t._v("("),e("code",[t._v("...args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1138",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1138"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/108.d75b9d37.js b/docs/master/assets/js/108.fa2582f4.js similarity index 92% rename from docs/master/assets/js/108.d75b9d37.js rename to docs/master/assets/js/108.fa2582f4.js index 4d8d890c48..8fd7f3273a 100644 --- a/docs/master/assets/js/108.d75b9d37.js +++ b/docs/master/assets/js/108.fa2582f4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[108],{441:function(t,e,r){"use strict";r.r(e);var a=r(3),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-rendertextopts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-rendertextopts"}},[t._v("#")]),t._v(" Interface: RenderTextOpts")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backdrop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backdrop"}},[t._v("#")]),t._v(" backdrop")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backdrop")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BackdropOptions.html"}},[e("code",[t._v("BackdropOptions")])])],1),t._v(" "),e("p",[t._v("Dimensions for drawing the label backdrop")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1459",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1459"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The fill color of the text. If unset, the existing\nfillStyle property of the canvas is unchanged.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1398",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1398"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"decorationwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decorationwidth"}},[t._v("#")]),t._v(" decorationWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("decorationWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The width of the strikethrough / underline")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1404",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1404"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The max width of the text in pixels")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1409",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1409"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("A rotation to be applied to the canvas\nThis is applied after the translation is applied")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1415",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1415"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"strikethrough"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#strikethrough"}},[t._v("#")]),t._v(" strikethrough")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("strikethrough")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Apply a strikethrough effect to the text")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1420",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1420"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"strokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#strokecolor"}},[t._v("#")]),t._v(" strokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("strokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The color of the text stroke. If unset, the existing\nstrokeStyle property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1426",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1426"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"strokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#strokewidth"}},[t._v("#")]),t._v(" strokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("strokeWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The text stroke width. If unset, the existing\nlineWidth property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1432",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1432"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("code",[t._v("CanvasTextAlign")])]),t._v(" "),e("p",[t._v("The text alignment to use. If unset, the existing\ntextAlign property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1438",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1438"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textbaseline"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textbaseline"}},[t._v("#")]),t._v(" textBaseline")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textBaseline")]),t._v(": "),e("code",[t._v("CanvasTextBaseline")])]),t._v(" "),e("p",[t._v("The text baseline to use. If unset, the existing\ntextBaseline property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1444",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1444"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"translation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#translation"}},[t._v("#")]),t._v(" translation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("translation")]),t._v(": ["),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("number")]),t._v("]")]),t._v(" "),e("p",[t._v("If specified, a translation to apply to the context")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1449",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1449"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"underline"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#underline"}},[t._v("#")]),t._v(" underline")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("underline")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Underline the text")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1454",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1454"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[108],{441:function(t,e,r){"use strict";r.r(e);var a=r(3),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-rendertextopts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-rendertextopts"}},[t._v("#")]),t._v(" Interface: RenderTextOpts")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backdrop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backdrop"}},[t._v("#")]),t._v(" backdrop")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("backdrop")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/BackdropOptions.html"}},[e("code",[t._v("BackdropOptions")])])],1),t._v(" "),e("p",[t._v("Dimensions for drawing the label backdrop")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1459",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1459"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The fill color of the text. If unset, the existing\nfillStyle property of the canvas is unchanged.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1398",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1398"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"decorationwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decorationwidth"}},[t._v("#")]),t._v(" decorationWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("decorationWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The width of the strikethrough / underline")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1404",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1404"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The max width of the text in pixels")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1409",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1409"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" rotation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("A rotation to be applied to the canvas\nThis is applied after the translation is applied")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1415",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1415"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"strikethrough"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#strikethrough"}},[t._v("#")]),t._v(" strikethrough")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("strikethrough")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Apply a strikethrough effect to the text")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1420",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1420"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"strokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#strokecolor"}},[t._v("#")]),t._v(" strokeColor")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("strokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("The color of the text stroke. If unset, the existing\nstrokeStyle property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1426",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1426"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"strokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#strokewidth"}},[t._v("#")]),t._v(" strokeWidth")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("strokeWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The text stroke width. If unset, the existing\nlineWidth property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1432",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1432"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" textAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textAlign")]),t._v(": "),e("code",[t._v("CanvasTextAlign")])]),t._v(" "),e("p",[t._v("The text alignment to use. If unset, the existing\ntextAlign property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1438",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1438"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textbaseline"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textbaseline"}},[t._v("#")]),t._v(" textBaseline")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("textBaseline")]),t._v(": "),e("code",[t._v("CanvasTextBaseline")])]),t._v(" "),e("p",[t._v("The text baseline to use. If unset, the existing\ntextBaseline property of the context is unchanged")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1444",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1444"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"translation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#translation"}},[t._v("#")]),t._v(" translation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("translation")]),t._v(": ["),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("number")]),t._v("]")]),t._v(" "),e("p",[t._v("If specified, a translation to apply to the context")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1449",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1449"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"underline"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#underline"}},[t._v("#")]),t._v(" underline")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("underline")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Underline the text")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1454",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1454"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/109.6f69cb75.js b/docs/master/assets/js/109.99a11792.js similarity index 95% rename from docs/master/assets/js/109.6f69cb75.js rename to docs/master/assets/js/109.99a11792.js index 3e40d50a47..d16d48c3ac 100644 --- a/docs/master/assets/js/109.6f69cb75.js +++ b/docs/master/assets/js/109.99a11792.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[109],{442:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scaletyperegistry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scaletyperegistry"}},[t._v("#")]),t._v(" Interface: ScaleTypeRegistry")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[e("code",[t._v("CartesianScaleTypeRegistry")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html"}},[e("code",[t._v("RadialScaleTypeRegistry")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ScaleTypeRegistry")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"category"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category"}},[t._v("#")]),t._v(" category")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("category")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#categoryscaleoptions"}},[e("code",[t._v("CategoryScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#category"}},[t._v("category")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear"}},[t._v("#")]),t._v(" linear")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("linear")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#linearscaleoptions"}},[e("code",[t._v("LinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#linear"}},[t._v("linear")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3607",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3607"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmic"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmic"}},[t._v("#")]),t._v(" logarithmic")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("logarithmic")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-3"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#logarithmicscaleoptions"}},[e("code",[t._v("LogarithmicScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#logarithmic"}},[t._v("logarithmic")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3610",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3610"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radiallinear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinear"}},[t._v("#")]),t._v(" radialLinear")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("radialLinear")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-4"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html"}},[t._v("RadialScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html#radiallinear"}},[t._v("radialLinear")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3625",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3625"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#time"}},[t._v("#")]),t._v(" time")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("time")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-5"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#time"}},[t._v("time")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3616",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3616"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timeseries"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timeseries"}},[t._v("#")]),t._v(" timeseries")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("timeseries")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-6"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#timeseries"}},[t._v("timeseries")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3619",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3619"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[109],{439:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scaletyperegistry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scaletyperegistry"}},[t._v("#")]),t._v(" Interface: ScaleTypeRegistry")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[e("code",[t._v("CartesianScaleTypeRegistry")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html"}},[e("code",[t._v("RadialScaleTypeRegistry")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ScaleTypeRegistry")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"category"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category"}},[t._v("#")]),t._v(" category")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("category")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#categoryscaleoptions"}},[e("code",[t._v("CategoryScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#category"}},[t._v("category")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear"}},[t._v("#")]),t._v(" linear")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("linear")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#linearscaleoptions"}},[e("code",[t._v("LinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#linear"}},[t._v("linear")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3607",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3607"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmic"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmic"}},[t._v("#")]),t._v(" logarithmic")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("logarithmic")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-3"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#logarithmicscaleoptions"}},[e("code",[t._v("LogarithmicScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#logarithmic"}},[t._v("logarithmic")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3610",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3610"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radiallinear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinear"}},[t._v("#")]),t._v(" radialLinear")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("radialLinear")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-4"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#radiallinearscaleoptions"}},[e("code",[t._v("RadialLinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html"}},[t._v("RadialScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html#radiallinear"}},[t._v("radialLinear")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3625",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3625"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"time"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#time"}},[t._v("#")]),t._v(" time")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("time")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-5"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#time"}},[t._v("time")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3616",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3616"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timeseries"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timeseries"}},[t._v("#")]),t._v(" timeseries")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("timeseries")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-6"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html#timeseries"}},[t._v("timeseries")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3619",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3619"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/110.20bab81f.js b/docs/master/assets/js/110.3ecc63a1.js similarity index 86% rename from docs/master/assets/js/110.20bab81f.js rename to docs/master/assets/js/110.3ecc63a1.js index 75b1c68de6..87502a5f29 100644 --- a/docs/master/assets/js/110.20bab81f.js +++ b/docs/master/assets/js/110.3ecc63a1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[110],{443:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablecartesianscalecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablecartesianscalecontext"}},[t._v("#")]),t._v(" Interface: ScriptableCartesianScaleContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("scale")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[e("code",[t._v("CartesianScaleTypeRegistry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3165",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3165"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3166",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3166"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[110],{442:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablecartesianscalecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablecartesianscalecontext"}},[t._v("#")]),t._v(" Interface: ScriptableCartesianScaleContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("scale")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[e("code",[t._v("CartesianScaleTypeRegistry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3165",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3165"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3166",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3166"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/111.b475178e.js b/docs/master/assets/js/111.7b594d83.js similarity index 89% rename from docs/master/assets/js/111.b475178e.js rename to docs/master/assets/js/111.7b594d83.js index 69846b5b42..bb59982832 100644 --- a/docs/master/assets/js/111.b475178e.js +++ b/docs/master/assets/js/111.7b594d83.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[111],{444:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablechartcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablechartcontext"}},[t._v("#")]),t._v(" Interface: ScriptableChartContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3170",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3170"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3171",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3171"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[111],{443:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablechartcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablechartcontext"}},[t._v("#")]),t._v(" Interface: ScriptableChartContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3170",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3170"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3171",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3171"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/112.9e970f0d.js b/docs/master/assets/js/112.0c1e7168.js similarity index 90% rename from docs/master/assets/js/112.9e970f0d.js rename to docs/master/assets/js/112.0c1e7168.js index 6f8bdd3d96..3cb74d5c70 100644 --- a/docs/master/assets/js/112.9e970f0d.js +++ b/docs/master/assets/js/112.0c1e7168.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[112],{445:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablecontext-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablecontext-ttype"}},[t._v("#")]),t._v(" Interface: ScriptableContext")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:24"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataindex"}},[t._v("#")]),t._v(" dataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:26"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset"}},[t._v("#")]),t._v(" dataset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataset")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>>>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L28",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:28"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"mode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#mode"}},[t._v("#")]),t._v(" mode")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("mode")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsed"}},[t._v("#")]),t._v(" parsed")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsed")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"raw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#raw"}},[t._v("#")]),t._v(" raw")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("raw")]),t._v(": "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:29"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[112],{444:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablecontext-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablecontext-ttype"}},[t._v("#")]),t._v(" Interface: ScriptableContext")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:24"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataindex"}},[t._v("#")]),t._v(" dataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:26"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset"}},[t._v("#")]),t._v(" dataset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataset")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>>>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L28",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:28"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"mode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#mode"}},[t._v("#")]),t._v(" mode")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("mode")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:30"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsed"}},[t._v("#")]),t._v(" parsed")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsed")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"raw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#raw"}},[t._v("#")]),t._v(" raw")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("raw")]),t._v(": "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:29"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/113.7e577d04.js b/docs/master/assets/js/113.b602ef2a.js similarity index 88% rename from docs/master/assets/js/113.7e577d04.js rename to docs/master/assets/js/113.b602ef2a.js index 4e6daaca25..94ffddfba2 100644 --- a/docs/master/assets/js/113.7e577d04.js +++ b/docs/master/assets/js/113.b602ef2a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[113],{446:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablelinesegmentcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablelinesegmentcontext"}},[t._v("#")]),t._v(" Interface: ScriptableLineSegmentContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p0"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p0"}},[t._v("#")]),t._v(" p0")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p0")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/PointElement.html"}},[e("code",[t._v("PointElement")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p0dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p0dataindex"}},[t._v("#")]),t._v(" p0DataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p0DataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:39"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p1"}},[t._v("#")]),t._v(" p1")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p1")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/PointElement.html"}},[e("code",[t._v("PointElement")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:38"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p1dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p1dataindex"}},[t._v("#")]),t._v(" p1DataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p1DataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:40"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v('"segment"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L36",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:36"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[113],{445:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablelinesegmentcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablelinesegmentcontext"}},[t._v("#")]),t._v(" Interface: ScriptableLineSegmentContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p0"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p0"}},[t._v("#")]),t._v(" p0")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p0")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/PointElement.html"}},[e("code",[t._v("PointElement")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p0dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p0dataindex"}},[t._v("#")]),t._v(" p0DataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p0DataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L39",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:39"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p1"}},[t._v("#")]),t._v(" p1")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p1")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/PointElement.html"}},[e("code",[t._v("PointElement")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L38",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:38"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"p1dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#p1dataindex"}},[t._v("#")]),t._v(" p1DataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("p1DataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:40"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v('"segment"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L36",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:36"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/114.2450c53a.js b/docs/master/assets/js/114.7a7f525b.js similarity index 89% rename from docs/master/assets/js/114.2450c53a.js rename to docs/master/assets/js/114.7a7f525b.js index 2d45f221bb..2a0ff7dca4 100644 --- a/docs/master/assets/js/114.2450c53a.js +++ b/docs/master/assets/js/114.7a7f525b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[114],{448:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablescalecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablescalecontext"}},[t._v("#")]),t._v(" Interface: ScriptableScaleContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1379",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1379"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1381",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1381"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("scale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1380",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1380"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick"}},[t._v("#")]),t._v(" tick")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("tick")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1382",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1382"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[114],{446:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablescalecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablescalecontext"}},[t._v("#")]),t._v(" Interface: ScriptableScaleContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1379",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1379"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1381",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1381"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("scale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1380",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1380"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick"}},[t._v("#")]),t._v(" tick")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("tick")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1382",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1382"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/115.4dbb3001.js b/docs/master/assets/js/115.0204f7ca.js similarity index 92% rename from docs/master/assets/js/115.4dbb3001.js rename to docs/master/assets/js/115.0204f7ca.js index 8f21d58720..22b1aad636 100644 --- a/docs/master/assets/js/115.4dbb3001.js +++ b/docs/master/assets/js/115.0204f7ca.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[115],{447:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablescalepointlabelcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablescalepointlabelcontext"}},[t._v("#")]),t._v(" Interface: ScriptableScalePointLabelContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1386",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1386"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1388",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1388"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1389",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1389"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("scale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1387",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1387"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1390",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1390"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[115],{447:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptablescalepointlabelcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptablescalepointlabelcontext"}},[t._v("#")]),t._v(" Interface: ScriptableScalePointLabelContext")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1386",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1386"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1388",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1388"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1389",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1389"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("scale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1387",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1387"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1390",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1390"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/116.2876fe76.js b/docs/master/assets/js/116.739bc068.js similarity index 93% rename from docs/master/assets/js/116.2876fe76.js rename to docs/master/assets/js/116.739bc068.js index cccbcbb687..9aa5ef7faf 100644 --- a/docs/master/assets/js/116.2876fe76.js +++ b/docs/master/assets/js/116.739bc068.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[116],{449:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptabletooltipcontext-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptabletooltipcontext-ttype"}},[t._v("#")]),t._v(" Interface: ScriptableTooltipContext")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>, "),e("code",[t._v("unknown")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2715",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2715"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" tooltip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("tooltip")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2716",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2716"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipitems"}},[t._v("#")]),t._v(" tooltipItems")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("tooltipItems")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2717",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2717"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[116],{448:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-scriptabletooltipcontext-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-scriptabletooltipcontext-ttype"}},[t._v("#")]),t._v(" Interface: ScriptableTooltipContext")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>, "),e("code",[t._v("unknown")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2715",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2715"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" tooltip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("tooltip")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2716",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2716"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipitems"}},[t._v("#")]),t._v(" tooltipItems")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("tooltipItems")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2717",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2717"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/117.88c2c023.js b/docs/master/assets/js/117.d76f6322.js similarity index 81% rename from docs/master/assets/js/117.88c2c023.js rename to docs/master/assets/js/117.d76f6322.js index a756831998..85a059def8 100644 --- a/docs/master/assets/js/117.88c2c023.js +++ b/docs/master/assets/js/117.d76f6322.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[117],{450:function(t,e,r){"use strict";r.r(e);var s=r(3),a=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-segment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-segment"}},[t._v("#")]),t._v(" Interface: Segment")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"end"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#end"}},[t._v("#")]),t._v(" end")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("end")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1828",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1828"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"loop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#loop"}},[t._v("#")]),t._v(" loop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("loop")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1829",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1829"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"start"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("start")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1827",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1827"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[117],{449:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-segment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-segment"}},[t._v("#")]),t._v(" Interface: Segment")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"end"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#end"}},[t._v("#")]),t._v(" end")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("end")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1828",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1828"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"loop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#loop"}},[t._v("#")]),t._v(" loop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("loop")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1829",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1829"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"start"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("start")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1827",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1827"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/118.c0ce21de.js b/docs/master/assets/js/118.78b1a97b.js similarity index 87% rename from docs/master/assets/js/118.c0ce21de.js rename to docs/master/assets/js/118.78b1a97b.js index 82cac6201f..0a5f140562 100644 --- a/docs/master/assets/js/118.c0ce21de.js +++ b/docs/master/assets/js/118.78b1a97b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[118],{455:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tick"}},[t._v("#")]),t._v(" Interface: Tick")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1155",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1155"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"major"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#major"}},[t._v("#")]),t._v(" major")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("major")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1156",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1156"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"value"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#value"}},[t._v("#")]),t._v(" value")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("value")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1154",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1154"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[118],{450:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tick"}},[t._v("#")]),t._v(" Interface: Tick")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1155",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1155"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"major"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#major"}},[t._v("#")]),t._v(" major")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("major")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1156",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1156"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"value"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#value"}},[t._v("#")]),t._v(" value")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("value")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1154",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1154"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/119.26ad5386.js b/docs/master/assets/js/119.4480d64a.js similarity index 92% rename from docs/master/assets/js/119.26ad5386.js rename to docs/master/assets/js/119.4480d64a.js index b858904e8e..6abbb31e8e 100644 --- a/docs/master/assets/js/119.26ad5386.js +++ b/docs/master/assets/js/119.4480d64a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[119],{576:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tickoptions"}},[t._v("#")]),t._v(" Interface: TickOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backdropcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backdropcolor"}},[t._v("#")]),t._v(" backdropColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backdropColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Color of label backdrops.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'rgba(255, 255, 255, 0.75)'")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3037",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3037"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backdroppadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backdroppadding"}},[t._v("#")]),t._v(" backdropPadding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backdropPadding")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Padding of tick backdrop.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3042",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3042"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callback"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callback"}},[t._v("#")]),t._v(" callback")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("callback")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">, "),e("code",[t._v("tickValue")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]) => "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tickValue")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("p",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See callback.")]),t._v(" "),e("h5",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tickValue")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3047",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3047"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Color of tick")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("See")])])]),t._v(" "),e("p",[t._v("Defaults.color")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3057",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3057"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"display"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("If true, show tick labels.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3052",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3052"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" font")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("see Fonts")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3061",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3061"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"major"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#major"}},[t._v("#")]),t._v(" major")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("major")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("enabled")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If true, major ticks are generated. A major tick will affect autoskipping and major will be defined on ticks in the scriptable options context. "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3087",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3087"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("padding")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Sets the offset of the tick labels from the axis")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3065",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3065"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"showlabelbackdrop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#showlabelbackdrop"}},[t._v("#")]),t._v(" showLabelBackdrop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("showLabelBackdrop")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("If true, draw a background behind the tick labels.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3070",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3070"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("The color of the stroke around the text.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("undefined")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3075",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3075"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Stroke width around the text.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3080",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3080"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("z")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3085",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3085"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[119],{453:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tickoptions"}},[t._v("#")]),t._v(" Interface: TickOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"backdropcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backdropcolor"}},[t._v("#")]),t._v(" backdropColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backdropColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Color of label backdrops.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'rgba(255, 255, 255, 0.75)'")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3037",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3037"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backdroppadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backdroppadding"}},[t._v("#")]),t._v(" backdropPadding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backdropPadding")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Padding of tick backdrop.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3042",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3042"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callback"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callback"}},[t._v("#")]),t._v(" callback")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("callback")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">, "),e("code",[t._v("tickValue")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]) => "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tickValue")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("p",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See callback.")]),t._v(" "),e("h5",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tickValue")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3047",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3047"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Color of tick")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("See")])])]),t._v(" "),e("p",[t._v("Defaults.color")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3057",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3057"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"display"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("If true, show tick labels.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3052",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3052"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" font")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("see Fonts")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3061",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3061"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"major"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#major"}},[t._v("#")]),t._v(" major")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("major")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("enabled")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If true, major ticks are generated. A major tick will affect autoskipping and major will be defined on ticks in the scriptable options context. "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3087",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3087"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("padding")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Sets the offset of the tick labels from the axis")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3065",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3065"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"showlabelbackdrop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#showlabelbackdrop"}},[t._v("#")]),t._v(" showLabelBackdrop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("showLabelBackdrop")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("If true, draw a background behind the tick labels.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3070",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3070"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokecolor"}},[t._v("#")]),t._v(" textStrokeColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("textStrokeColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("The color of the stroke around the text.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("undefined")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3075",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3075"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textstrokewidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textstrokewidth"}},[t._v("#")]),t._v(" textStrokeWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("textStrokeWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Stroke width around the text.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3080",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3080"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"z"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#z"}},[t._v("#")]),t._v(" z")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("z")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3085",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3085"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/12.27eb92b4.js b/docs/master/assets/js/12.0266bda6.js similarity index 94% rename from docs/master/assets/js/12.27eb92b4.js rename to docs/master/assets/js/12.0266bda6.js index 3aef166ee2..a5c48c5fe3 100644 --- a/docs/master/assets/js/12.27eb92b4.js +++ b/docs/master/assets/js/12.0266bda6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{348:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js-v4-4-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-v4-4-6"}},[t._v("#")]),t._v(" Chart.js - v4.4.6")]),t._v(" "),e("h2",{attrs:{id:"enumerations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enumerations"}},[t._v("#")]),t._v(" Enumerations")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/enums/DecimationAlgorithm.html"}},[t._v("DecimationAlgorithm")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/enums/UpdateModeEnum.html"}},[t._v("UpdateModeEnum")])],1)]),t._v(" "),e("h2",{attrs:{id:"classes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#classes"}},[t._v("#")]),t._v(" Classes")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[t._v("Animation")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Animations.html"}},[t._v("Animations")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Animator.html"}},[t._v("Animator")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/ArcElement.html"}},[t._v("ArcElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/BasicPlatform.html"}},[t._v("BasicPlatform")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[t._v("Chart")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[t._v("DatasetController")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/DomPlatform.html"}},[t._v("DomPlatform")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/PointElement.html"}},[t._v("PointElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")])],1)]),t._v(" "),e("h2",{attrs:{id:"interfaces"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interfaces"}},[t._v("#")]),t._v(" Interfaces")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[t._v("ActiveDataPoint")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[t._v("ActiveElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[t._v("AnimationEvent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcBorderRadius.html"}},[t._v("ArcBorderRadius")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcHoverOptions.html"}},[t._v("ArcHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcOptions.html"}},[t._v("ArcOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[t._v("ArcProps")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BackdropOptions.html"}},[t._v("BackdropOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarControllerChartOptions.html"}},[t._v("BarControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarControllerDatasetOptions.html"}},[t._v("BarControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarElement.html"}},[t._v("BarElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarHoverOptions.html"}},[t._v("BarHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[t._v("BarOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[t._v("BarProps")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BorderOptions.html"}},[t._v("BorderOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[t._v("BorderRadius")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BubbleControllerDatasetOptions.html"}},[t._v("BubbleControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BubbleDataPoint.html"}},[t._v("BubbleDataPoint")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CanvasFontSpec.html"}},[t._v("CanvasFontSpec")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[t._v("CartesianParsedData")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[t._v("CartesianScaleOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[t._v("ChartArea")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[t._v("ChartComponent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[t._v("ChartConfiguration")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[t._v("ChartConfigurationCustomTypesPerDataset")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[t._v("ChartData")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartDataCustomTypesPerDataset.html"}},[t._v("ChartDataCustomTypesPerDataset")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetProperties.html"}},[t._v("ChartDatasetProperties")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html"}},[t._v("ChartDatasetPropertiesCustomTypesPerDataset")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[t._v("ChartTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[t._v("CommonElementOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[t._v("CommonHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ComplexFillTarget.html"}},[t._v("ComplexFillTarget")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreChartOptions.html"}},[t._v("CoreChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[t._v("CoreScaleOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DatasetControllerChartComponent.html"}},[t._v("DatasetControllerChartComponent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Defaults.html"}},[t._v("Defaults")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[t._v("DoughnutAnimationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutController.html"}},[t._v("DoughnutController")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerChartOptions.html"}},[t._v("DoughnutControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutMetaExtensions.html"}},[t._v("DoughnutMetaExtensions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ElementOptionsByType.html"}},[t._v("ElementOptionsByType")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ExtendedPlugin.html"}},[t._v("ExtendedPlugin")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/FillerControllerDatasetOptions.html"}},[t._v("FillerControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/FillerOptions.html"}},[t._v("FillerOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[t._v("FontSpec")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/GridLineOptions.html"}},[t._v("GridLineOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[t._v("InteractionItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[t._v("InteractionModeMap")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[t._v("InteractionOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[t._v("LabelItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LegendElement.html"}},[t._v("LegendElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LegendItem.html"}},[t._v("LegendItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LegendOptions.html"}},[t._v("LegendOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerChartOptions.html"}},[t._v("LineControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerDatasetOptions.html"}},[t._v("LineControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineElement.html"}},[t._v("LineElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineHoverOptions.html"}},[t._v("LineHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineOptions.html"}},[t._v("LineOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineProps.html"}},[t._v("LineProps")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ParsingOptions.html"}},[t._v("ParsingOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PluginChartOptions.html"}},[t._v("PluginChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PluginOptionsByType.html"}},[t._v("PluginOptionsByType")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[t._v("PointHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[t._v("PointOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedHoverOptions.html"}},[t._v("PointPrefixedHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedOptions.html"}},[t._v("PointPrefixedOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolarAreaController.html"}},[t._v("PolarAreaController")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolarAreaControllerChartOptions.html"}},[t._v("PolarAreaControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolarAreaControllerDatasetOptions.html"}},[t._v("PolarAreaControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RadarControllerDatasetOptions.html"}},[t._v("RadarControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialLinearScale.html"}},[t._v("RadialLinearScale")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html"}},[t._v("RadialScaleTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Registry.html"}},[t._v("Registry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RenderTextOpts.html"}},[t._v("RenderTextOpts")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScaleTypeRegistry.html"}},[t._v("ScaleTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableCartesianScaleContext.html"}},[t._v("ScriptableCartesianScaleContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableChartContext.html"}},[t._v("ScriptableChartContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[t._v("ScriptableContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[t._v("ScriptableLineSegmentContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[t._v("ScriptableScaleContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[t._v("ScriptableScalePointLabelContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[t._v("ScriptableTooltipContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Segment.html"}},[t._v("Segment")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[t._v("Tick")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TickOptions.html"}},[t._v("TickOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TimeScale.html"}},[t._v("TimeScale")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TitleOptions.html"}},[t._v("TitleOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Tooltip.html"}},[t._v("Tooltip")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipCallbacks.html"}},[t._v("TooltipCallbacks")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[t._v("TooltipItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[t._v("TooltipLabelStyle")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[t._v("TooltipModel")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipOptions.html"}},[t._v("TooltipOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[t._v("TooltipPosition")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPositionerMap.html"}},[t._v("TooltipPositionerMap")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[t._v("TypedRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")])],1)]),t._v(" "),e("h2",{attrs:{id:"type-aliases"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-aliases"}},[t._v("#")]),t._v(" Type Aliases")]),t._v(" "),e("h3",{attrs:{id:"align"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#align"}},[t._v("#")]),t._v(" Align")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Align")]),t._v(": "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"end"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1803",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1803"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animationoptions"}},[t._v("#")]),t._v(" AnimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnimationOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animation")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & { "),e("code",[t._v("onComplete?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" ; "),e("code",[t._v("onProgress?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" }")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("transitions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[e("code",[t._v("TransitionsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1756",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1756"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animationspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animationspec"}},[t._v("#")]),t._v(" AnimationSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnimationSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("delay?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Delay before starting the animations. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 0")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("duration?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The number of milliseconds an animation takes. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 1000")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("easing?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#easingfunction"}},[e("code",[t._v("EasingFunction")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Easing function to use "),e("strong",[e("code",[t._v("Default")])]),t._v(" 'easeOutQuart'")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("loop?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If set to true, the animations loop endlessly. "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1700",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1700"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animationsspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animationsspec"}},[t._v("#")]),t._v(" AnimationsSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnimationsSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"index-signature"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [name: "),e("code",[t._v("string")]),t._v("]: "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & { "),e("code",[t._v("fn")]),t._v(": ("),e("code",[t._v("from")]),t._v(": "),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("to")]),t._v(": "),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("factor")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("T")]),t._v(" ; "),e("code",[t._v("from")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">> ; "),e("code",[t._v("properties")]),t._v(": "),e("code",[t._v("string")]),t._v("[] ; "),e("code",[t._v("to")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">> ; "),e("code",[t._v("type")]),t._v(": "),e("code",[t._v('"color"')]),t._v(" | "),e("code",[t._v('"number"')]),t._v(" | "),e("code",[t._v('"boolean"')]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1725",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1725"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barcontroller"}},[t._v("#")]),t._v(" BarController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("BarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:156"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bubblecontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bubblecontroller"}},[t._v("#")]),t._v(" BubbleController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("BubbleController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L183",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:183"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L184",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:184"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"cartesiantickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cartesiantickoptions"}},[t._v("#")]),t._v(" CartesianTickOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CartesianTickOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TickOptions.html"}},[e("code",[t._v("TickOptions")])]),t._v(" & { "),e("code",[t._v("align")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#align"}},[e("code",[t._v("Align")])]),t._v(" | "),e("code",[t._v('"inner"')]),t._v(" ; "),e("code",[t._v("autoSkip")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("autoSkipPadding")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("crossAlign")]),t._v(": "),e("code",[t._v('"near"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"far"')]),t._v(" ; "),e("code",[t._v("includeBounds")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("labelOffset")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("maxRotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("maxTicksLimit")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("minRotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("mirror")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("padding")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("sampleSize")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3096",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3096"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categoryscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categoryscale"}},[t._v("#")]),t._v(" CategoryScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CategoryScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-4"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#categoryscaleoptions"}},[e("code",[t._v("CategoryScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#categoryscaleoptions"}},[e("code",[t._v("CategoryScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3263"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categoryscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categoryscaleoptions"}},[t._v("#")]),t._v(" CategoryScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CategoryScaleOptions")]),t._v(": "),e("code",[t._v("Omit")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(", "),e("code",[t._v('"min"')]),t._v(" | "),e("code",[t._v('"max"')]),t._v("> & { "),e("code",[t._v("labels")]),t._v(": "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("string")]),t._v("[][] ; "),e("code",[t._v("max")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("min")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3257",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3257"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartcomponentlike"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartcomponentlike"}},[t._v("#")]),t._v(" ChartComponentLike")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartComponentLike")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v("[] | { "),e("code",[t._v("[key: string]")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v("; } | "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1125",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1125"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartdataset"}},[t._v("#")]),t._v(" ChartDataset")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartDataset")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v('<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }['),e("code",[t._v("TType")]),t._v("]> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetProperties.html"}},[e("code",[t._v("ChartDatasetProperties")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-5"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#defaultdatapoint"}},[e("code",[t._v("DefaultDataPoint")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3781",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3781"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartdatasetcustomtypesperdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartdatasetcustomtypesperdataset"}},[t._v("#")]),t._v(" ChartDatasetCustomTypesPerDataset")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartDatasetCustomTypesPerDataset")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v('<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }['),e("code",[t._v("TType")]),t._v("]> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html"}},[e("code",[t._v("ChartDatasetPropertiesCustomTypesPerDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-6"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#defaultdatapoint"}},[e("code",[t._v("DefaultDataPoint")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3788",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3788"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartitem"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartitem"}},[t._v("#")]),t._v(" ChartItem")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartItem")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("CanvasRenderingContext2D")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | { "),e("code",[t._v("canvas")]),t._v(": "),e("code",[t._v("HTMLCanvasElement")]),t._v(" } | "),e("code",[t._v("ArrayLike")]),t._v("<"),e("code",[t._v("CanvasRenderingContext2D")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L563",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:563"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartmeta"}},[t._v("#")]),t._v(" ChartMeta")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartMeta")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v('<{ [key in ChartType]: ChartTypeRegistry[key]["metaExtensions"] }['),e("code",[t._v("TType")]),t._v("]> & "),e("code",[t._v("ChartMetaCommon")]),t._v("<"),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-7"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TDatasetElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L467",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:467"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartoptions"}},[t._v("#")]),t._v(" ChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Exclude")]),t._v("<"),e("code",[t._v("DeepPartial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreChartOptions.html"}},[e("code",[t._v("CoreChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#elementchartoptions"}},[e("code",[t._v("ElementChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/PluginChartOptions.html"}},[e("code",[t._v("PluginChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#datasetchartoptions"}},[e("code",[t._v("DatasetChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#scalechartoptions"}},[e("code",[t._v("ScaleChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"chartOptions"')]),t._v("]>, "),e("code",[t._v("DeepPartial")]),t._v("<"),e("code",[t._v("unknown")]),t._v("[]>>")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-8"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3755",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3755"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"charttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#charttype"}},[t._v("#")]),t._v(" ChartType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartType")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3734",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3734"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Color")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("CanvasGradient")]),t._v(" | "),e("code",[t._v("CanvasPattern")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/color.d.ts#L1",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/color.d.ts:1"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datasetchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetchartoptions"}},[t._v("#")]),t._v(" DatasetChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DatasetChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: { [key in TType]: Object }")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-9"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3743",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3743"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"decimationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decimationoptions"}},[t._v("#")]),t._v(" DecimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DecimationOptions")]),t._v(": "),e("code",[t._v("LttbDecimationOptions")]),t._v(" | "),e("code",[t._v("MinMaxDecimationOptions")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2230",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2230"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaultdatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaultdatapoint"}},[t._v("#")]),t._v(" DefaultDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DefaultDataPoint")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-10"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"doughnutdatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#doughnutdatapoint"}},[t._v("#")]),t._v(" DoughnutDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DoughnutDataPoint")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L338",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:338"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"easingfunction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#easingfunction"}},[t._v("#")]),t._v(" EasingFunction")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("EasingFunction")]),t._v(": keyof typeof "),e("code",[t._v("effects")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/helpers/helpers.easing.ts#L122",target:"_blank",rel:"noopener noreferrer"}},[t._v("helpers/helpers.easing.ts:122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elementchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elementchartoptions"}},[t._v("#")]),t._v(" ElementChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ElementChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-11"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-3"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("elements")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ElementOptionsByType.html"}},[e("code",[t._v("ElementOptionsByType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2146",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"filltarget"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#filltarget"}},[t._v("#")]),t._v(" FillTarget")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("FillTarget")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v(" | { "),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("number")]),t._v(" } | "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"end"')]),t._v(" | "),e("code",[t._v('"origin"')]),t._v(" | "),e("code",[t._v('"stack"')]),t._v(" | "),e("code",[t._v('"shape"')]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2238",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2238"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interactionaxis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactionaxis"}},[t._v("#")]),t._v(" InteractionAxis")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("InteractionAxis")]),t._v(": "),e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')]),t._v(" | "),e("code",[t._v('"xy"')]),t._v(" | "),e("code",[t._v('"r"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1562",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1562"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interactionmode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactionmode"}},[t._v("#")]),t._v(" InteractionMode")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("InteractionMode")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[e("code",[t._v("InteractionModeMap")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L761",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:761"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interactionmodefunction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactionmodefunction"}},[t._v("#")]),t._v(" InteractionModeFunction")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("InteractionModeFunction")]),t._v(": ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(", "),e("code",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[e("code",[t._v("InteractionOptions")])]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v(": "),e("code",[t._v("boolean")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"type-declaration-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-4"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("e")]),t._v(", "),e("code",[t._v("options")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h5",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("e")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[e("code",[t._v("InteractionOptions")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h5",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L723",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:723"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"layoutposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#layoutposition"}},[t._v("#")]),t._v(" LayoutPosition")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LayoutPosition")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"right"')]),t._v(" | "),e("code",[t._v('"bottom"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"chartArea"')]),t._v(" | { "),e("code",[t._v("[scaleId: string]")]),t._v(": "),e("code",[t._v("number")]),t._v("; }")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L3",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:3"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linecontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linecontroller"}},[t._v("#")]),t._v(" LineController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LineController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L229",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:229"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L230",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:230"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linearscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linearscale"}},[t._v("#")]),t._v(" LinearScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LinearScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-12"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#linearscaleoptions"}},[e("code",[t._v("LinearScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#linearscaleoptions"}},[e("code",[t._v("LinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3312",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3312"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3313",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3313"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linearscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linearscaleoptions"}},[t._v("#")]),t._v(" LinearScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LinearScaleOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(" & { "),e("code",[t._v("beginAtZero")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("grace?")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMax?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("count")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("format")]),t._v(": "),e("code",[t._v("Intl.NumberFormatOptions")]),t._v(" ; "),e("code",[t._v("precision")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("stepSize")]),t._v(": "),e("code",[t._v("number")]),t._v(" } }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmicscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmicscale"}},[t._v("#")]),t._v(" LogarithmicScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LogarithmicScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-13"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#logarithmicscaleoptions"}},[e("code",[t._v("LogarithmicScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#logarithmicscaleoptions"}},[e("code",[t._v("LogarithmicScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3336",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3336"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3337",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3337"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmicscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmicscaleoptions"}},[t._v("#")]),t._v(" LogarithmicScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LogarithmicScaleOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(" & { "),e("code",[t._v("suggestedMax?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("format")]),t._v(": "),e("code",[t._v("Intl.NumberFormatOptions")]),t._v(" } }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3318",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3318"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Overrides")]),t._v(': { [key in ChartType]: CoreChartOptions & ElementChartOptions & PluginChartOptions & DatasetChartOptions & ScaleChartOptions & ChartTypeRegistry[key]["chartOptions"] }')]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L700",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:700"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseddatatype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseddatatype"}},[t._v("#")]),t._v(" ParsedDataType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ParsedDataType")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"parsedDataType"')]),t._v("]")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-14"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3769",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3769"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pieanimationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pieanimationoptions"}},[t._v("#")]),t._v(" PieAnimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieAnimationOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[e("code",[t._v("DoughnutAnimationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontroller"}},[t._v("#")]),t._v(" PieController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:366"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontrollerchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontrollerchartoptions"}},[t._v("#")]),t._v(" PieControllerChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieControllerChartOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerChartOptions.html"}},[e("code",[t._v("DoughnutControllerChartOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontrollerdatasetoptions"}},[t._v("#")]),t._v(" PieControllerDatasetOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieControllerDatasetOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[e("code",[t._v("DoughnutControllerDatasetOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piedatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piedatapoint"}},[t._v("#")]),t._v(" PieDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieDataPoint")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#doughnutdatapoint"}},[e("code",[t._v("DoughnutDataPoint")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piemetaextensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piemetaextensions"}},[t._v("#")]),t._v(" PieMetaExtensions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieMetaExtensions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutMetaExtensions.html"}},[e("code",[t._v("DoughnutMetaExtensions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointprops"}},[t._v("#")]),t._v(" PointProps")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PointProps")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:18"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" PointStyle")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PointStyle")]),t._v(": "),e("code",[t._v('"circle"')]),t._v(" | "),e("code",[t._v('"cross"')]),t._v(" | "),e("code",[t._v('"crossRot"')]),t._v(" | "),e("code",[t._v('"dash"')]),t._v(" | "),e("code",[t._v('"line"')]),t._v(" | "),e("code",[t._v('"rect"')]),t._v(" | "),e("code",[t._v('"rectRounded"')]),t._v(" | "),e("code",[t._v('"rectRot"')]),t._v(" | "),e("code",[t._v('"star"')]),t._v(" | "),e("code",[t._v('"triangle"')]),t._v(" | "),e("code",[t._v("false")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1978",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1978"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"polarareaanimationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polarareaanimationoptions"}},[t._v("#")]),t._v(" PolarAreaAnimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PolarAreaAnimationOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[e("code",[t._v("DoughnutAnimationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L380",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:380"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radarcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radarcontroller"}},[t._v("#")]),t._v(" RadarController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L427",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:427"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L428",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:428"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radarcontrollerchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radarcontrollerchartoptions"}},[t._v("#")]),t._v(" RadarControllerChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadarControllerChartOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerChartOptions.html"}},[e("code",[t._v("LineControllerChartOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L425",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:425"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radiallinearscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinearscaleoptions"}},[t._v("#")]),t._v(" RadialLinearScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadialLinearScaleOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(" & { "),e("code",[t._v("angleLines")]),t._v(": { "),e("code",[t._v("borderDash")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> ; "),e("code",[t._v("borderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> ; "),e("code",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> ; "),e("code",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("lineWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> } ; "),e("code",[t._v("animate")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("beginAtZero")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("grid")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/GridLineOptions.html"}},[e("code",[t._v("GridLineOptions")])]),t._v("> ; "),e("code",[t._v("max")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("min")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("pointLabels")]),t._v(": { "),e("code",[t._v("backdropColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("backdropPadding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[t._v("BorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("callback")]),t._v(": ("),e("code",[t._v("label")]),t._v(": "),e("code",[t._v("string")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("number")]),t._v("[] ; "),e("code",[t._v("centerPointLabels")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(" ; "),e("code",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> } ; "),e("code",[t._v("startAngle")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMax")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#radialtickoptions"}},[e("code",[t._v("RadialTickOptions")])]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3476"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radialtickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radialtickoptions"}},[t._v("#")]),t._v(" RadialTickOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadialTickOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TickOptions.html"}},[e("code",[t._v("TickOptions")])]),t._v(" & { "),e("code",[t._v("count")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("format")]),t._v(": "),e("code",[t._v("Intl.NumberFormatOptions")]),t._v(" ; "),e("code",[t._v("maxTicksLimit")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("precision")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("stepSize")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3448",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3448"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scalechartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scalechartoptions"}},[t._v("#")]),t._v(" ScaleChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-15"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-5"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scales")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("{ "),e("code",[t._v("[key: string]")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scaleoptionsbytype"}},[e("code",[t._v("ScaleOptionsByType")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"scales"')]),t._v("]>; }")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3749",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3749"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleoptions"}},[t._v("#")]),t._v(" ScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleOptions")]),t._v("<"),e("code",[t._v("TScale")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scaleoptionsbytype"}},[e("code",[t._v("ScaleOptionsByType")])]),t._v("<"),e("code",[t._v("TScale")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-16"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TScale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3741",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3741"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleoptionsbytype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleoptionsbytype"}},[t._v("#")]),t._v(" ScaleOptionsByType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleOptionsByType")]),t._v("<"),e("code",[t._v("TScale")]),t._v('>: { [key in ScaleType]: Object & ScaleTypeRegistry[key]["options"] }['),e("code",[t._v("TScale")]),t._v("]")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-17"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TScale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3736",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3736"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaletype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaletype"}},[t._v("#")]),t._v(" ScaleType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleType")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ScaleTypeRegistry.html"}},[e("code",[t._v("ScaleTypeRegistry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3633",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3633"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontroller"}},[t._v("#")]),t._v(" ScatterController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#linecontroller-1"}},[e("code",[t._v("LineController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L241",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:241"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L242",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:242"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontrollerchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontrollerchartoptions"}},[t._v("#")]),t._v(" ScatterControllerChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterControllerChartOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerChartOptions.html"}},[e("code",[t._v("LineControllerChartOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L239",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:239"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontrollerdatasetoptions"}},[t._v("#")]),t._v(" ScatterControllerDatasetOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterControllerDatasetOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerDatasetOptions.html"}},[e("code",[t._v("LineControllerDatasetOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L235",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:235"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scatterdatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scatterdatapoint"}},[t._v("#")]),t._v(" ScatterDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterDataPoint")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L237",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:237"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptable"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable"}},[t._v("#")]),t._v(" Scriptable")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Scriptable")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: "),e("code",[t._v("T")]),t._v(" | ("),e("code",[t._v("ctx")]),t._v(": "),e("code",[t._v("TContext")]),t._v(", "),e("code",[t._v("options")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("code",[t._v("T")]),t._v(" | "),e("code",[t._v("undefined")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-18"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableandarray"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableandarray"}},[t._v("#")]),t._v(" ScriptableAndArray")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableAndArray")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: readonly "),e("code",[t._v("T")]),t._v("[] | "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-19"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableandarrayoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableandarrayoptions"}},[t._v("#")]),t._v(" ScriptableAndArrayOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableAndArrayOptions")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: { [P in keyof T]: ScriptableAndArray }")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-20"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableandscriptableoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableandscriptableoptions"}},[t._v("#")]),t._v(" ScriptableAndScriptableOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableAndScriptableOptions")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/#scriptableoptions"}},[e("code",[t._v("ScriptableOptions")])]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-21"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableoptions"}},[t._v("#")]),t._v(" ScriptableOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableOptions")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: { [P in keyof T]: Scriptable }")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-22"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"trbl"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#trbl"}},[t._v("#")]),t._v(" TRBL")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TRBL")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-6"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("bottom")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("left")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("right")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("top")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/geometric.d.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" TextAlign")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TextAlign")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"right"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1802",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1802"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescaleoptions"}},[t._v("#")]),t._v(" TimeScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeScaleOptions")]),t._v(": "),e("code",[t._v("Omit")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(", "),e("code",[t._v('"min"')]),t._v(" | "),e("code",[t._v('"max"')]),t._v("> & { "),e("code",[t._v("adapters")]),t._v(": { "),e("code",[t._v("date")]),t._v(": "),e("code",[t._v("unknown")]),t._v(" } ; "),e("code",[t._v("bounds")]),t._v(": "),e("code",[t._v('"ticks"')]),t._v(" | "),e("code",[t._v('"data"')]),t._v(" ; "),e("code",[t._v("max")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("min")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("offsetAfterAutoskip")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("suggestedMax")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#timescaletickoptions"}},[e("code",[t._v("TimeScaleTickOptions")])]),t._v(" ; "),e("code",[t._v("time")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#timescaletimeoptions"}},[e("code",[t._v("TimeScaleTimeOptions")])]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3397",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3397"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescaletickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescaletickoptions"}},[t._v("#")]),t._v(" TimeScaleTickOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeScaleTickOptions")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-7"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("source")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"labels"')]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(" | "),e("code",[t._v('"data"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Ticks generation input values: - 'auto': generates \"optimal\" ticks based on scale size and time options. - 'data': generates ticks from data (including labels from data "),e("code",[t._v("{t\\|x\\|y}")]),t._v(" objects). - 'labels': generates ticks from user given "),e("code",[t._v("data.labels")]),t._v(" values ONLY. "),e("strong",[e("code",[t._v("See")])]),t._v(" https://github.com/chartjs/Chart.js/pull/4507 "),e("strong",[e("code",[t._v("Since")])]),t._v(" 2.7.0 "),e("strong",[e("code",[t._v("Default")])]),t._v(" 'auto'")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("stepSize")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The number of units between grid lines. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 1")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3379",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3379"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescaletimeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescaletimeoptions"}},[t._v("#")]),t._v(" TimeScaleTimeOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeScaleTimeOptions")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-8"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("displayFormats")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("{ "),e("code",[t._v("[key: string]")]),t._v(": "),e("code",[t._v("string")]),t._v("; }")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Sets how different time units are displayed.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("isoWeekday")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If boolean and true and the unit is set to 'week', then the first day of the week will be Monday. Otherwise, it will be Sunday. If "),e("code",[t._v("number")]),t._v(", the index of the first day of the week (0 - Sunday, 6 - Saturday). "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TimeUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The minimum display format to be used for a time unit. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 'millisecond'")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parser")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | ("),e("code",[t._v("v")]),t._v(": "),e("code",[t._v("unknown")]),t._v(") => "),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Custom parser for dates.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("round")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")]),t._v(" | "),e("code",[t._v("TimeUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If defined, dates will be rounded to the start of this unit. See Time Units below for the allowed units.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipFormat")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The format string to use for the tooltip.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")]),t._v(" | "),e("code",[t._v("TimeUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If defined, will force the unit to be a certain type. See Time Units section below for details. "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3342",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3342"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timeseriesscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timeseriesscale"}},[t._v("#")]),t._v(" TimeSeriesScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeSeriesScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/#timescale"}},[e("code",[t._v("TimeScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-23"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3442",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3442"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3443",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3443"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltippositioner"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltippositioner"}},[t._v("#")]),t._v(" TooltipPositioner")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipPositioner")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPositionerMap.html"}},[e("code",[t._v("TooltipPositionerMap")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2656",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2656"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltippositionerfunction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltippositionerfunction"}},[t._v("#")]),t._v(" TooltipPositionerFunction")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipPositionerFunction")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("items")]),t._v(": readonly "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[], "),e("code",[t._v("eventPosition")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[e("code",[t._v("TooltipPosition")])]),t._v(" | "),e("code",[t._v("false")])],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-24"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-9"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("items")]),t._v(", "),e("code",[t._v("eventPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[e("code",[t._v("TooltipPosition")])]),t._v(" | "),e("code",[t._v("false")])],1),t._v(" "),e("h5",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("eventPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[e("code",[t._v("TooltipPosition")])]),t._v(" | "),e("code",[t._v("false")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2645",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2645"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipxalignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipxalignment"}},[t._v("#")]),t._v(" TooltipXAlignment")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipXAlignment")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"right"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2556",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2556"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipyalignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipyalignment"}},[t._v("#")]),t._v(" TooltipYAlignment")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipYAlignment")]),t._v(": "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"bottom"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2557",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2557"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitionspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitionspec"}},[t._v("#")]),t._v(" TransitionSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TransitionSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-25"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-10"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animation")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1747",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1747"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitionsspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitionsspec"}},[t._v("#")]),t._v(" TransitionsSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TransitionsSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-26"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"index-signature-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature-2"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [mode: "),e("code",[t._v("string")]),t._v("]: "),e("RouterLink",{attrs:{to:"/api/#transitionspec"}},[e("code",[t._v("TransitionSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1752",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1752"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatemode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatemode"}},[t._v("#")]),t._v(" UpdateMode")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("UpdateMode")]),t._v(": keyof typeof "),e("RouterLink",{attrs:{to:"/api/enums/UpdateModeEnum.html"}},[e("code",[t._v("UpdateModeEnum")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L580",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:580"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"variables"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#variables"}},[t._v("#")]),t._v(" Variables")]),t._v(" "),e("h3",{attrs:{id:"barcontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barcontroller-2"}},[t._v("#")]),t._v(" BarController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("BarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#barcontroller-1"}},[e("code",[t._v("BarController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:156"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barelement"}},[t._v("#")]),t._v(" BarElement")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("BarElement")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#barelement"}},[e("code",[t._v("BarElement")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[e("code",[t._v("BarProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2129",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2129"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2134",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2134"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bubblecontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bubblecontroller-2"}},[t._v("#")]),t._v(" BubbleController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("BubbleController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#bubblecontroller-1"}},[e("code",[t._v("BubbleController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L183",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:183"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L184",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:184"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categoryscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categoryscale-2"}},[t._v("#")]),t._v(" CategoryScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("CategoryScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#categoryscale-1"}},[e("code",[t._v("CategoryScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3263"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decimation"}},[t._v("#")]),t._v(" Decimation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Decimation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2210",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2210"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"doughnutcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#doughnutcontroller"}},[t._v("#")]),t._v(" DoughnutController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("DoughnutController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L340",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:340"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"filler"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#filler"}},[t._v("#")]),t._v(" Filler")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Filler")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2232",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2232"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Interaction")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-11"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("modes")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[e("code",[t._v("InteractionModeMap")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("evaluateInteractionItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("axis")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#interactionaxis"}},[e("code",[t._v("InteractionAxis")])]),t._v(", "),e("code",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(", "),e("code",[t._v("handler")]),t._v(": ("),e("code",[t._v("element")]),t._v(": "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[e("code",[t._v("VisualElement")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("void")]),t._v(", "),e("code",[t._v("intersect?")]),t._v(": "),e("code",[t._v("boolean")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-82"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-82"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L763",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:763"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"legend"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#legend"}},[t._v("#")]),t._v(" Legend")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Legend")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-83"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-83"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2262",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2262"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linecontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linecontroller-2"}},[t._v("#")]),t._v(" LineController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LineController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#linecontroller-1"}},[e("code",[t._v("LineController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-84"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-84"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L229",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:229"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L230",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:230"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"lineelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#lineelement"}},[t._v("#")]),t._v(" LineElement")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LineElement")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#lineelement"}},[e("code",[t._v("LineElement")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/LineProps.html"}},[e("code",[t._v("LineProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/LineOptions.html"}},[e("code",[t._v("LineOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-85"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-85"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1960",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1960"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1973",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1973"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linearscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linearscale-2"}},[t._v("#")]),t._v(" LinearScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LinearScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#linearscale-1"}},[e("code",[t._v("LinearScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-86"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-86"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3312",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3312"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3313",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3313"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmicscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmicscale-2"}},[t._v("#")]),t._v(" LogarithmicScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LogarithmicScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#logarithmicscale-1"}},[e("code",[t._v("LogarithmicScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-87"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-87"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3336",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3336"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3337",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3337"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontroller-2"}},[t._v("#")]),t._v(" PieController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("PieController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-88"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-88"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:366"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"polarareacontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polarareacontroller"}},[t._v("#")]),t._v(" PolarAreaController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("PolarAreaController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#polarareacontroller"}},[e("code",[t._v("PolarAreaController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-89"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-89"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L392",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:392"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L395",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:395"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radarcontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radarcontroller-2"}},[t._v("#")]),t._v(" RadarController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("RadarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#radarcontroller-1"}},[e("code",[t._v("RadarController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-90"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-90"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L427",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:427"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L428",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:428"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radiallinearscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinearscale"}},[t._v("#")]),t._v(" RadialLinearScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("RadialLinearScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#radiallinearscale"}},[e("code",[t._v("RadialLinearScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-91"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-91"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3589",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3589"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3601",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3601"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontroller-2"}},[t._v("#")]),t._v(" ScatterController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ScatterController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#linecontroller-1"}},[e("code",[t._v("LineController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-92"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-92"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L241",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:241"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L242",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:242"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"subtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#subtitle"}},[t._v("#")]),t._v(" SubTitle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("SubTitle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-93"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-93"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2514",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2514"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" Ticks")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Ticks")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-12"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("{ "),e("code",[t._v("logarithmic")]),t._v(": ("),e("code",[t._v("tickValue")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("number")]),t._v(" }[]) => "),e("code",[t._v("string")]),t._v(" ; "),e("code",[t._v("numeric")]),t._v(": ("),e("code",[t._v("tickValue")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("number")]),t._v(" }[]) => "),e("code",[t._v("string")]),t._v(" ; "),e("code",[t._v("values")]),t._v(": ("),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("unknown")]),t._v(") => "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] }")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters.logarithmic")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("[object Object]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters.numeric")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("[object Object]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters.values")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("[object Object]")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-94"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-94"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1496",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1496"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescale"}},[t._v("#")]),t._v(" TimeScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("TimeScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#timescale"}},[e("code",[t._v("TimeScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-95"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-95"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3430",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3430"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3437",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3437"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timeseriesscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timeseriesscale-2"}},[t._v("#")]),t._v(" TimeSeriesScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("TimeSeriesScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#timeseriesscale-1"}},[e("code",[t._v("TimeSeriesScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-96"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-96"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3442",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3442"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3443",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3443"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" Title")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Title")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-97"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-97"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2515",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2515"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" Tooltip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("Tooltip")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltip"}},[e("code",[t._v("Tooltip")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-98"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-98"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2658",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2658"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2662",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2662"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Defaults.html"}},[e("code",[t._v("Defaults")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-99"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-99"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L710",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:710"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"layouts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#layouts"}},[t._v("#")]),t._v(" layouts")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("layouts")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-13"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("addBox")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("item")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v(") => "),e("code",[t._v("void")])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("configure")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("item")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v(", "),e("code",[t._v("options")]),t._v(": { "),e("code",[t._v("fullSize?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("position?")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])]),t._v(" ; "),e("code",[t._v("weight?")]),t._v(": "),e("code",[t._v("number")]),t._v(" }) => "),e("code",[t._v("void")])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("removeBox")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("layoutItem")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v(") => "),e("code",[t._v("void")])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("update")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("width")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("height")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("void")])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-100"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-100"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L778",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:778"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"registerables"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#registerables"}},[t._v("#")]),t._v(" registerables")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("registerables")]),t._v(": readonly "),e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-101"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-101"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L561",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:561"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"registry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#registry"}},[t._v("#")]),t._v(" registry")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("registry")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Registry.html"}},[e("code",[t._v("Registry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-102"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-102"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1151",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1151"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{347:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js-v4-4-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-v4-4-6"}},[t._v("#")]),t._v(" Chart.js - v4.4.6")]),t._v(" "),e("h2",{attrs:{id:"enumerations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enumerations"}},[t._v("#")]),t._v(" Enumerations")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/enums/DecimationAlgorithm.html"}},[t._v("DecimationAlgorithm")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/enums/UpdateModeEnum.html"}},[t._v("UpdateModeEnum")])],1)]),t._v(" "),e("h2",{attrs:{id:"classes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#classes"}},[t._v("#")]),t._v(" Classes")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[t._v("Animation")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Animations.html"}},[t._v("Animations")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Animator.html"}},[t._v("Animator")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/ArcElement.html"}},[t._v("ArcElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/BasicPlatform.html"}},[t._v("BasicPlatform")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[t._v("Chart")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[t._v("DatasetController")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/DomPlatform.html"}},[t._v("DomPlatform")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/PointElement.html"}},[t._v("PointElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")])],1)]),t._v(" "),e("h2",{attrs:{id:"interfaces"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interfaces"}},[t._v("#")]),t._v(" Interfaces")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[t._v("ActiveDataPoint")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[t._v("ActiveElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[t._v("AnimationEvent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcBorderRadius.html"}},[t._v("ArcBorderRadius")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcHoverOptions.html"}},[t._v("ArcHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcOptions.html"}},[t._v("ArcOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[t._v("ArcProps")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BackdropOptions.html"}},[t._v("BackdropOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarControllerChartOptions.html"}},[t._v("BarControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarControllerDatasetOptions.html"}},[t._v("BarControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarElement.html"}},[t._v("BarElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarHoverOptions.html"}},[t._v("BarHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[t._v("BarOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[t._v("BarProps")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BorderOptions.html"}},[t._v("BorderOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[t._v("BorderRadius")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BubbleControllerDatasetOptions.html"}},[t._v("BubbleControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/BubbleDataPoint.html"}},[t._v("BubbleDataPoint")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CanvasFontSpec.html"}},[t._v("CanvasFontSpec")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[t._v("CartesianParsedData")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[t._v("CartesianScaleOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleTypeRegistry.html"}},[t._v("CartesianScaleTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[t._v("ChartArea")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[t._v("ChartComponent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[t._v("ChartConfiguration")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[t._v("ChartConfigurationCustomTypesPerDataset")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[t._v("ChartData")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartDataCustomTypesPerDataset.html"}},[t._v("ChartDataCustomTypesPerDataset")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetProperties.html"}},[t._v("ChartDatasetProperties")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html"}},[t._v("ChartDatasetPropertiesCustomTypesPerDataset")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[t._v("ChartTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[t._v("CommonElementOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[t._v("CommonHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ComplexFillTarget.html"}},[t._v("ComplexFillTarget")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreChartOptions.html"}},[t._v("CoreChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[t._v("CoreScaleOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DatasetControllerChartComponent.html"}},[t._v("DatasetControllerChartComponent")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Defaults.html"}},[t._v("Defaults")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[t._v("DoughnutAnimationOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutController.html"}},[t._v("DoughnutController")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerChartOptions.html"}},[t._v("DoughnutControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[t._v("DoughnutControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutMetaExtensions.html"}},[t._v("DoughnutMetaExtensions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ElementOptionsByType.html"}},[t._v("ElementOptionsByType")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ExtendedPlugin.html"}},[t._v("ExtendedPlugin")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/FillerControllerDatasetOptions.html"}},[t._v("FillerControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/FillerOptions.html"}},[t._v("FillerOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[t._v("FontSpec")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/GridLineOptions.html"}},[t._v("GridLineOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[t._v("InteractionItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[t._v("InteractionModeMap")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[t._v("InteractionOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[t._v("LabelItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LegendElement.html"}},[t._v("LegendElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LegendItem.html"}},[t._v("LegendItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LegendOptions.html"}},[t._v("LegendOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerChartOptions.html"}},[t._v("LineControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerDatasetOptions.html"}},[t._v("LineControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineElement.html"}},[t._v("LineElement")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineHoverOptions.html"}},[t._v("LineHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineOptions.html"}},[t._v("LineOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/LineProps.html"}},[t._v("LineProps")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ParsingOptions.html"}},[t._v("ParsingOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PluginChartOptions.html"}},[t._v("PluginChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PluginOptionsByType.html"}},[t._v("PluginOptionsByType")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[t._v("PointHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[t._v("PointOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedHoverOptions.html"}},[t._v("PointPrefixedHoverOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PointPrefixedOptions.html"}},[t._v("PointPrefixedOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolarAreaController.html"}},[t._v("PolarAreaController")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolarAreaControllerChartOptions.html"}},[t._v("PolarAreaControllerChartOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/PolarAreaControllerDatasetOptions.html"}},[t._v("PolarAreaControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RadarControllerDatasetOptions.html"}},[t._v("RadarControllerDatasetOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialLinearScale.html"}},[t._v("RadialLinearScale")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RadialScaleTypeRegistry.html"}},[t._v("RadialScaleTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Registry.html"}},[t._v("Registry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/RenderTextOpts.html"}},[t._v("RenderTextOpts")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScaleTypeRegistry.html"}},[t._v("ScaleTypeRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableCartesianScaleContext.html"}},[t._v("ScriptableCartesianScaleContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableChartContext.html"}},[t._v("ScriptableChartContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[t._v("ScriptableContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableLineSegmentContext.html"}},[t._v("ScriptableLineSegmentContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[t._v("ScriptableScaleContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[t._v("ScriptableScalePointLabelContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[t._v("ScriptableTooltipContext")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Segment.html"}},[t._v("Segment")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[t._v("Tick")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TickOptions.html"}},[t._v("TickOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TimeScale.html"}},[t._v("TimeScale")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TitleOptions.html"}},[t._v("TitleOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/Tooltip.html"}},[t._v("Tooltip")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipCallbacks.html"}},[t._v("TooltipCallbacks")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[t._v("TooltipItem")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[t._v("TooltipLabelStyle")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[t._v("TooltipModel")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipOptions.html"}},[t._v("TooltipOptions")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[t._v("TooltipPosition")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPositionerMap.html"}},[t._v("TooltipPositionerMap")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/TypedRegistry.html"}},[t._v("TypedRegistry")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")])],1)]),t._v(" "),e("h2",{attrs:{id:"type-aliases"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-aliases"}},[t._v("#")]),t._v(" Type Aliases")]),t._v(" "),e("h3",{attrs:{id:"align"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#align"}},[t._v("#")]),t._v(" Align")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Align")]),t._v(": "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"end"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1803",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1803"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animationoptions"}},[t._v("#")]),t._v(" AnimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnimationOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animation")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & { "),e("code",[t._v("onComplete?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" ; "),e("code",[t._v("onProgress?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" }")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("transitions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[e("code",[t._v("TransitionsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1756",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1756"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animationspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animationspec"}},[t._v("#")]),t._v(" AnimationSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnimationSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("delay?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Delay before starting the animations. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 0")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("duration?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The number of milliseconds an animation takes. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 1000")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("easing?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#easingfunction"}},[e("code",[t._v("EasingFunction")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Easing function to use "),e("strong",[e("code",[t._v("Default")])]),t._v(" 'easeOutQuart'")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("loop?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If set to true, the animations loop endlessly. "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1700",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1700"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animationsspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animationsspec"}},[t._v("#")]),t._v(" AnimationsSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("AnimationsSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"index-signature"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [name: "),e("code",[t._v("string")]),t._v("]: "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & { "),e("code",[t._v("fn")]),t._v(": ("),e("code",[t._v("from")]),t._v(": "),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("to")]),t._v(": "),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("factor")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("T")]),t._v(" ; "),e("code",[t._v("from")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">> ; "),e("code",[t._v("properties")]),t._v(": "),e("code",[t._v("string")]),t._v("[] ; "),e("code",[t._v("to")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(" | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">> ; "),e("code",[t._v("type")]),t._v(": "),e("code",[t._v('"color"')]),t._v(" | "),e("code",[t._v('"number"')]),t._v(" | "),e("code",[t._v('"boolean"')]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1725",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1725"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barcontroller"}},[t._v("#")]),t._v(" BarController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("BarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:156"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bubblecontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bubblecontroller"}},[t._v("#")]),t._v(" BubbleController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("BubbleController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L183",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:183"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L184",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:184"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"cartesiantickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cartesiantickoptions"}},[t._v("#")]),t._v(" CartesianTickOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CartesianTickOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TickOptions.html"}},[e("code",[t._v("TickOptions")])]),t._v(" & { "),e("code",[t._v("align")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#align"}},[e("code",[t._v("Align")])]),t._v(" | "),e("code",[t._v('"inner"')]),t._v(" ; "),e("code",[t._v("autoSkip")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("autoSkipPadding")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("crossAlign")]),t._v(": "),e("code",[t._v('"near"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"far"')]),t._v(" ; "),e("code",[t._v("includeBounds")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("labelOffset")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("maxRotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("maxTicksLimit")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("minRotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("mirror")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("padding")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("sampleSize")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3096",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3096"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categoryscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categoryscale"}},[t._v("#")]),t._v(" CategoryScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CategoryScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-4"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#categoryscaleoptions"}},[e("code",[t._v("CategoryScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#categoryscaleoptions"}},[e("code",[t._v("CategoryScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3263"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categoryscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categoryscaleoptions"}},[t._v("#")]),t._v(" CategoryScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("CategoryScaleOptions")]),t._v(": "),e("code",[t._v("Omit")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(", "),e("code",[t._v('"min"')]),t._v(" | "),e("code",[t._v('"max"')]),t._v("> & { "),e("code",[t._v("labels")]),t._v(": "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("string")]),t._v("[][] ; "),e("code",[t._v("max")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("min")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3257",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3257"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartcomponentlike"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartcomponentlike"}},[t._v("#")]),t._v(" ChartComponentLike")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartComponentLike")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v("[] | { "),e("code",[t._v("[key: string]")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v("; } | "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1125",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1125"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartdataset"}},[t._v("#")]),t._v(" ChartDataset")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartDataset")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v('<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }['),e("code",[t._v("TType")]),t._v("]> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetProperties.html"}},[e("code",[t._v("ChartDatasetProperties")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-5"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#defaultdatapoint"}},[e("code",[t._v("DefaultDataPoint")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3781",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3781"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartdatasetcustomtypesperdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartdatasetcustomtypesperdataset"}},[t._v("#")]),t._v(" ChartDatasetCustomTypesPerDataset")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartDatasetCustomTypesPerDataset")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v('<{ [key in ChartType]: Object & ChartTypeRegistry[key]["datasetOptions"] }['),e("code",[t._v("TType")]),t._v("]> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartDatasetPropertiesCustomTypesPerDataset.html"}},[e("code",[t._v("ChartDatasetPropertiesCustomTypesPerDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-6"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#defaultdatapoint"}},[e("code",[t._v("DefaultDataPoint")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3788",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3788"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartitem"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartitem"}},[t._v("#")]),t._v(" ChartItem")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartItem")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("CanvasRenderingContext2D")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | { "),e("code",[t._v("canvas")]),t._v(": "),e("code",[t._v("HTMLCanvasElement")]),t._v(" } | "),e("code",[t._v("ArrayLike")]),t._v("<"),e("code",[t._v("CanvasRenderingContext2D")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L563",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:563"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartmeta"}},[t._v("#")]),t._v(" ChartMeta")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartMeta")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v('<{ [key in ChartType]: ChartTypeRegistry[key]["metaExtensions"] }['),e("code",[t._v("TType")]),t._v("]> & "),e("code",[t._v("ChartMetaCommon")]),t._v("<"),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-7"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TDatasetElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L467",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:467"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartoptions"}},[t._v("#")]),t._v(" ChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Exclude")]),t._v("<"),e("code",[t._v("DeepPartial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreChartOptions.html"}},[e("code",[t._v("CoreChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#elementchartoptions"}},[e("code",[t._v("ElementChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/PluginChartOptions.html"}},[e("code",[t._v("PluginChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#datasetchartoptions"}},[e("code",[t._v("DatasetChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#scalechartoptions"}},[e("code",[t._v("ScaleChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"chartOptions"')]),t._v("]>, "),e("code",[t._v("DeepPartial")]),t._v("<"),e("code",[t._v("unknown")]),t._v("[]>>")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-8"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3755",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3755"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"charttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#charttype"}},[t._v("#")]),t._v(" ChartType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ChartType")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3734",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3734"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" Color")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Color")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("CanvasGradient")]),t._v(" | "),e("code",[t._v("CanvasPattern")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/color.d.ts#L1",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/color.d.ts:1"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datasetchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetchartoptions"}},[t._v("#")]),t._v(" DatasetChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DatasetChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: { [key in TType]: Object }")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-9"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3743",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3743"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"decimationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decimationoptions"}},[t._v("#")]),t._v(" DecimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DecimationOptions")]),t._v(": "),e("code",[t._v("LttbDecimationOptions")]),t._v(" | "),e("code",[t._v("MinMaxDecimationOptions")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2230",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2230"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaultdatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaultdatapoint"}},[t._v("#")]),t._v(" DefaultDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DefaultDataPoint")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-10"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"doughnutdatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#doughnutdatapoint"}},[t._v("#")]),t._v(" DoughnutDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("DoughnutDataPoint")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L338",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:338"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"easingfunction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#easingfunction"}},[t._v("#")]),t._v(" EasingFunction")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("EasingFunction")]),t._v(": keyof typeof "),e("code",[t._v("effects")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/helpers/helpers.easing.ts#L122",target:"_blank",rel:"noopener noreferrer"}},[t._v("helpers/helpers.easing.ts:122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"elementchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#elementchartoptions"}},[t._v("#")]),t._v(" ElementChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ElementChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-11"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-3"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("elements")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ElementOptionsByType.html"}},[e("code",[t._v("ElementOptionsByType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2146",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"filltarget"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#filltarget"}},[t._v("#")]),t._v(" FillTarget")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("FillTarget")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("string")]),t._v(" | { "),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("number")]),t._v(" } | "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"end"')]),t._v(" | "),e("code",[t._v('"origin"')]),t._v(" | "),e("code",[t._v('"stack"')]),t._v(" | "),e("code",[t._v('"shape"')]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2238",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2238"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interactionaxis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactionaxis"}},[t._v("#")]),t._v(" InteractionAxis")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("InteractionAxis")]),t._v(": "),e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')]),t._v(" | "),e("code",[t._v('"xy"')]),t._v(" | "),e("code",[t._v('"r"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1562",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1562"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interactionmode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactionmode"}},[t._v("#")]),t._v(" InteractionMode")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("InteractionMode")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[e("code",[t._v("InteractionModeMap")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L761",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:761"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interactionmodefunction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactionmodefunction"}},[t._v("#")]),t._v(" InteractionModeFunction")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("InteractionModeFunction")]),t._v(": ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(", "),e("code",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[e("code",[t._v("InteractionOptions")])]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v(": "),e("code",[t._v("boolean")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"type-declaration-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-4"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("e")]),t._v(", "),e("code",[t._v("options")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h5",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("e")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[e("code",[t._v("InteractionOptions")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h5",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L723",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:723"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"layoutposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#layoutposition"}},[t._v("#")]),t._v(" LayoutPosition")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LayoutPosition")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"right"')]),t._v(" | "),e("code",[t._v('"bottom"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"chartArea"')]),t._v(" | { "),e("code",[t._v("[scaleId: string]")]),t._v(": "),e("code",[t._v("number")]),t._v("; }")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L3",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:3"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linecontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linecontroller"}},[t._v("#")]),t._v(" LineController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LineController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L229",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:229"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L230",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:230"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linearscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linearscale"}},[t._v("#")]),t._v(" LinearScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LinearScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-12"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#linearscaleoptions"}},[e("code",[t._v("LinearScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#linearscaleoptions"}},[e("code",[t._v("LinearScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3312",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3312"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3313",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3313"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linearscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linearscaleoptions"}},[t._v("#")]),t._v(" LinearScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LinearScaleOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(" & { "),e("code",[t._v("beginAtZero")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("grace?")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMax?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("count")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("format")]),t._v(": "),e("code",[t._v("Intl.NumberFormatOptions")]),t._v(" ; "),e("code",[t._v("precision")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("stepSize")]),t._v(": "),e("code",[t._v("number")]),t._v(" } }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmicscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmicscale"}},[t._v("#")]),t._v(" LogarithmicScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LogarithmicScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-13"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#logarithmicscaleoptions"}},[e("code",[t._v("LogarithmicScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#logarithmicscaleoptions"}},[e("code",[t._v("LogarithmicScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3336",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3336"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3337",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3337"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmicscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmicscaleoptions"}},[t._v("#")]),t._v(" LogarithmicScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("LogarithmicScaleOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(" & { "),e("code",[t._v("suggestedMax?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("format")]),t._v(": "),e("code",[t._v("Intl.NumberFormatOptions")]),t._v(" } }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3318",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3318"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Overrides")]),t._v(': { [key in ChartType]: CoreChartOptions & ElementChartOptions & PluginChartOptions & DatasetChartOptions & ScaleChartOptions & ChartTypeRegistry[key]["chartOptions"] }')]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L700",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:700"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseddatatype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseddatatype"}},[t._v("#")]),t._v(" ParsedDataType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ParsedDataType")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"parsedDataType"')]),t._v("]")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-14"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3769",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3769"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pieanimationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pieanimationoptions"}},[t._v("#")]),t._v(" PieAnimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieAnimationOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[e("code",[t._v("DoughnutAnimationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontroller"}},[t._v("#")]),t._v(" PieController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:366"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontrollerchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontrollerchartoptions"}},[t._v("#")]),t._v(" PieControllerChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieControllerChartOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerChartOptions.html"}},[e("code",[t._v("DoughnutControllerChartOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontrollerdatasetoptions"}},[t._v("#")]),t._v(" PieControllerDatasetOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieControllerDatasetOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutControllerDatasetOptions.html"}},[e("code",[t._v("DoughnutControllerDatasetOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piedatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piedatapoint"}},[t._v("#")]),t._v(" PieDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieDataPoint")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#doughnutdatapoint"}},[e("code",[t._v("DoughnutDataPoint")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piemetaextensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piemetaextensions"}},[t._v("#")]),t._v(" PieMetaExtensions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PieMetaExtensions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutMetaExtensions.html"}},[e("code",[t._v("DoughnutMetaExtensions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointprops"}},[t._v("#")]),t._v(" PointProps")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PointProps")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L18",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:18"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" PointStyle")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PointStyle")]),t._v(": "),e("code",[t._v('"circle"')]),t._v(" | "),e("code",[t._v('"cross"')]),t._v(" | "),e("code",[t._v('"crossRot"')]),t._v(" | "),e("code",[t._v('"dash"')]),t._v(" | "),e("code",[t._v('"line"')]),t._v(" | "),e("code",[t._v('"rect"')]),t._v(" | "),e("code",[t._v('"rectRounded"')]),t._v(" | "),e("code",[t._v('"rectRot"')]),t._v(" | "),e("code",[t._v('"star"')]),t._v(" | "),e("code",[t._v('"triangle"')]),t._v(" | "),e("code",[t._v("false")]),t._v(" | "),e("code",[t._v("HTMLImageElement")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1978",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1978"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"polarareaanimationoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polarareaanimationoptions"}},[t._v("#")]),t._v(" PolarAreaAnimationOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("PolarAreaAnimationOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutAnimationOptions.html"}},[e("code",[t._v("DoughnutAnimationOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L380",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:380"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radarcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radarcontroller"}},[t._v("#")]),t._v(" RadarController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/DatasetController.html"}},[e("code",[t._v("DatasetController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L427",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:427"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L428",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:428"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radarcontrollerchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radarcontrollerchartoptions"}},[t._v("#")]),t._v(" RadarControllerChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadarControllerChartOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerChartOptions.html"}},[e("code",[t._v("LineControllerChartOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L425",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:425"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radiallinearscaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinearscaleoptions"}},[t._v("#")]),t._v(" RadialLinearScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadialLinearScaleOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(" & { "),e("code",[t._v("angleLines")]),t._v(": { "),e("code",[t._v("borderDash")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v("[], "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> ; "),e("code",[t._v("borderDashOffset")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> ; "),e("code",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> ; "),e("code",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("lineWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v("> } ; "),e("code",[t._v("animate")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("beginAtZero")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("grid")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/GridLineOptions.html"}},[e("code",[t._v("GridLineOptions")])]),t._v("> ; "),e("code",[t._v("max")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("min")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("pointLabels")]),t._v(": { "),e("code",[t._v("backdropColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("backdropPadding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[t._v("BorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("callback")]),t._v(": ("),e("code",[t._v("label")]),t._v(": "),e("code",[t._v("string")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] | "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("number")]),t._v("[] ; "),e("code",[t._v("centerPointLabels")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(" ; "),e("code",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> ; "),e("code",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScalePointLabelContext.html"}},[e("code",[t._v("ScriptableScalePointLabelContext")])]),t._v("> } ; "),e("code",[t._v("startAngle")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMax")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#radialtickoptions"}},[e("code",[t._v("RadialTickOptions")])]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3476"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radialtickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radialtickoptions"}},[t._v("#")]),t._v(" RadialTickOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("RadialTickOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TickOptions.html"}},[e("code",[t._v("TickOptions")])]),t._v(" & { "),e("code",[t._v("count")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("format")]),t._v(": "),e("code",[t._v("Intl.NumberFormatOptions")]),t._v(" ; "),e("code",[t._v("maxTicksLimit")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("precision")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("stepSize")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3448",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3448"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scalechartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scalechartoptions"}},[t._v("#")]),t._v(" ScaleChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleChartOptions")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-15"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-5"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scales")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("{ "),e("code",[t._v("[key: string]")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scaleoptionsbytype"}},[e("code",[t._v("ScaleOptionsByType")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"scales"')]),t._v("]>; }")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3749",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3749"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleoptions"}},[t._v("#")]),t._v(" ScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleOptions")]),t._v("<"),e("code",[t._v("TScale")]),t._v(">: "),e("code",[t._v("DeepPartial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#scaleoptionsbytype"}},[e("code",[t._v("ScaleOptionsByType")])]),t._v("<"),e("code",[t._v("TScale")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-16"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TScale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3741",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3741"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaleoptionsbytype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaleoptionsbytype"}},[t._v("#")]),t._v(" ScaleOptionsByType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleOptionsByType")]),t._v("<"),e("code",[t._v("TScale")]),t._v('>: { [key in ScaleType]: Object & ScaleTypeRegistry[key]["options"] }['),e("code",[t._v("TScale")]),t._v("]")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-17"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TScale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#scaletype"}},[e("code",[t._v("ScaleType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3736",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3736"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scaletype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scaletype"}},[t._v("#")]),t._v(" ScaleType")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScaleType")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ScaleTypeRegistry.html"}},[e("code",[t._v("ScaleTypeRegistry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3633",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3633"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontroller"}},[t._v("#")]),t._v(" ScatterController")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#linecontroller-1"}},[e("code",[t._v("LineController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L241",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:241"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L242",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:242"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontrollerchartoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontrollerchartoptions"}},[t._v("#")]),t._v(" ScatterControllerChartOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterControllerChartOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerChartOptions.html"}},[e("code",[t._v("LineControllerChartOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L239",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:239"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontrollerdatasetoptions"}},[t._v("#")]),t._v(" ScatterControllerDatasetOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterControllerDatasetOptions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LineControllerDatasetOptions.html"}},[e("code",[t._v("LineControllerDatasetOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L235",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:235"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scatterdatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scatterdatapoint"}},[t._v("#")]),t._v(" ScatterDataPoint")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScatterDataPoint")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L237",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:237"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptable"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable"}},[t._v("#")]),t._v(" Scriptable")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("Scriptable")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: "),e("code",[t._v("T")]),t._v(" | ("),e("code",[t._v("ctx")]),t._v(": "),e("code",[t._v("TContext")]),t._v(", "),e("code",[t._v("options")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("code",[t._v("T")]),t._v(" | "),e("code",[t._v("undefined")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-18"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableandarray"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableandarray"}},[t._v("#")]),t._v(" ScriptableAndArray")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableAndArray")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: readonly "),e("code",[t._v("T")]),t._v("[] | "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-19"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L47",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:47"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableandarrayoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableandarrayoptions"}},[t._v("#")]),t._v(" ScriptableAndArrayOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableAndArrayOptions")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: { [P in keyof T]: ScriptableAndArray }")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-20"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:48"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableandscriptableoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableandscriptableoptions"}},[t._v("#")]),t._v(" ScriptableAndScriptableOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableAndScriptableOptions")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/#scriptableoptions"}},[e("code",[t._v("ScriptableOptions")])]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-21"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scriptableoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptableoptions"}},[t._v("#")]),t._v(" ScriptableOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("ScriptableOptions")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("TContext")]),t._v(">: { [P in keyof T]: Scriptable }")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-22"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TContext")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L45",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:45"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"trbl"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#trbl"}},[t._v("#")]),t._v(" TRBL")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TRBL")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-6"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("bottom")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("left")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("right")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("top")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/geometric.d.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textalign"}},[t._v("#")]),t._v(" TextAlign")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TextAlign")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"right"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1802",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1802"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescaleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescaleoptions"}},[t._v("#")]),t._v(" TimeScaleOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeScaleOptions")]),t._v(": "),e("code",[t._v("Omit")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianScaleOptions.html"}},[e("code",[t._v("CartesianScaleOptions")])]),t._v(", "),e("code",[t._v('"min"')]),t._v(" | "),e("code",[t._v('"max"')]),t._v("> & { "),e("code",[t._v("adapters")]),t._v(": { "),e("code",[t._v("date")]),t._v(": "),e("code",[t._v("unknown")]),t._v(" } ; "),e("code",[t._v("bounds")]),t._v(": "),e("code",[t._v('"ticks"')]),t._v(" | "),e("code",[t._v('"data"')]),t._v(" ; "),e("code",[t._v("max")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("min")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("offsetAfterAutoskip")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" ; "),e("code",[t._v("suggestedMax")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("suggestedMin")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#timescaletickoptions"}},[e("code",[t._v("TimeScaleTickOptions")])]),t._v(" ; "),e("code",[t._v("time")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#timescaletimeoptions"}},[e("code",[t._v("TimeScaleTimeOptions")])]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3397",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3397"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescaletickoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescaletickoptions"}},[t._v("#")]),t._v(" TimeScaleTickOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeScaleTickOptions")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-7"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("source")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"labels"')]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(" | "),e("code",[t._v('"data"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Ticks generation input values: - 'auto': generates \"optimal\" ticks based on scale size and time options. - 'data': generates ticks from data (including labels from data "),e("code",[t._v("{t\\|x\\|y}")]),t._v(" objects). - 'labels': generates ticks from user given "),e("code",[t._v("data.labels")]),t._v(" values ONLY. "),e("strong",[e("code",[t._v("See")])]),t._v(" https://github.com/chartjs/Chart.js/pull/4507 "),e("strong",[e("code",[t._v("Since")])]),t._v(" 2.7.0 "),e("strong",[e("code",[t._v("Default")])]),t._v(" 'auto'")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("stepSize")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The number of units between grid lines. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 1")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3379",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3379"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescaletimeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescaletimeoptions"}},[t._v("#")]),t._v(" TimeScaleTimeOptions")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeScaleTimeOptions")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-8"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("displayFormats")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("{ "),e("code",[t._v("[key: string]")]),t._v(": "),e("code",[t._v("string")]),t._v("; }")]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Sets how different time units are displayed.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("isoWeekday")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If boolean and true and the unit is set to 'week', then the first day of the week will be Monday. Otherwise, it will be Sunday. If "),e("code",[t._v("number")]),t._v(", the index of the first day of the week (0 - Sunday, 6 - Saturday). "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TimeUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The minimum display format to be used for a time unit. "),e("strong",[e("code",[t._v("Default")])]),t._v(" 'millisecond'")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parser")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | ("),e("code",[t._v("v")]),t._v(": "),e("code",[t._v("unknown")]),t._v(") => "),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Custom parser for dates.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("round")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")]),t._v(" | "),e("code",[t._v("TimeUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If defined, dates will be rounded to the start of this unit. See Time Units below for the allowed units.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipFormat")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The format string to use for the tooltip.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")]),t._v(" | "),e("code",[t._v("TimeUnit")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("If defined, will force the unit to be a certain type. See Time Units section below for details. "),e("strong",[e("code",[t._v("Default")])]),t._v(" false")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3342",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3342"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timeseriesscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timeseriesscale"}},[t._v("#")]),t._v(" TimeSeriesScale")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TimeSeriesScale")]),t._v("<"),e("code",[t._v("O")]),t._v(">: "),e("RouterLink",{attrs:{to:"/api/#timescale"}},[e("code",[t._v("TimeScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-23"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3442",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3442"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3443",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3443"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltippositioner"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltippositioner"}},[t._v("#")]),t._v(" TooltipPositioner")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipPositioner")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPositionerMap.html"}},[e("code",[t._v("TooltipPositionerMap")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2656",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2656"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltippositionerfunction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltippositionerfunction"}},[t._v("#")]),t._v(" TooltipPositionerFunction")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipPositionerFunction")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("items")]),t._v(": readonly "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[], "),e("code",[t._v("eventPosition")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[e("code",[t._v("TooltipPosition")])]),t._v(" | "),e("code",[t._v("false")])],1),t._v(" "),e("h4",{attrs:{id:"type-parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-24"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-9"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("items")]),t._v(", "),e("code",[t._v("eventPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[e("code",[t._v("TooltipPosition")])]),t._v(" | "),e("code",[t._v("false")])],1),t._v(" "),e("h5",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("eventPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPosition.html"}},[e("code",[t._v("TooltipPosition")])]),t._v(" | "),e("code",[t._v("false")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2645",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2645"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipxalignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipxalignment"}},[t._v("#")]),t._v(" TooltipXAlignment")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipXAlignment")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"right"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2556",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2556"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipyalignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipyalignment"}},[t._v("#")]),t._v(" TooltipYAlignment")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TooltipYAlignment")]),t._v(": "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"center"')]),t._v(" | "),e("code",[t._v('"bottom"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2557",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2557"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitionspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitionspec"}},[t._v("#")]),t._v(" TransitionSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TransitionSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-25"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-10"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animation")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1747",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1747"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitionsspec"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitionsspec"}},[t._v("#")]),t._v(" TransitionsSpec")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("TransitionsSpec")]),t._v("<"),e("code",[t._v("TType")]),t._v(">: "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-parameters-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-26"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"index-signature-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature-2"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [mode: "),e("code",[t._v("string")]),t._v("]: "),e("RouterLink",{attrs:{to:"/api/#transitionspec"}},[e("code",[t._v("TransitionSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1752",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1752"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatemode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatemode"}},[t._v("#")]),t._v(" UpdateMode")]),t._v(" "),e("p",[t._v("Ƭ "),e("strong",[t._v("UpdateMode")]),t._v(": keyof typeof "),e("RouterLink",{attrs:{to:"/api/enums/UpdateModeEnum.html"}},[e("code",[t._v("UpdateModeEnum")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L580",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:580"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"variables"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#variables"}},[t._v("#")]),t._v(" Variables")]),t._v(" "),e("h3",{attrs:{id:"barcontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barcontroller-2"}},[t._v("#")]),t._v(" BarController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("BarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#barcontroller-1"}},[e("code",[t._v("BarController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L156",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:156"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barelement"}},[t._v("#")]),t._v(" BarElement")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("BarElement")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#barelement"}},[e("code",[t._v("BarElement")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[e("code",[t._v("BarProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2129",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2129"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2134",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2134"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bubblecontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bubblecontroller-2"}},[t._v("#")]),t._v(" BubbleController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("BubbleController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#bubblecontroller-1"}},[e("code",[t._v("BubbleController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L183",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:183"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L184",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:184"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categoryscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categoryscale-2"}},[t._v("#")]),t._v(" CategoryScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("CategoryScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#categoryscale-1"}},[e("code",[t._v("CategoryScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3263"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decimation"}},[t._v("#")]),t._v(" Decimation")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Decimation")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2210",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2210"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"doughnutcontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#doughnutcontroller"}},[t._v("#")]),t._v(" DoughnutController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("DoughnutController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L340",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:340"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"filler"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#filler"}},[t._v("#")]),t._v(" Filler")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Filler")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2232",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2232"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"interaction"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interaction"}},[t._v("#")]),t._v(" Interaction")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Interaction")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-11"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("modes")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[e("code",[t._v("InteractionModeMap")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("evaluateInteractionItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("axis")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#interactionaxis"}},[e("code",[t._v("InteractionAxis")])]),t._v(", "),e("code",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(", "),e("code",[t._v("handler")]),t._v(": ("),e("code",[t._v("element")]),t._v(": "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[e("code",[t._v("VisualElement")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("void")]),t._v(", "),e("code",[t._v("intersect?")]),t._v(": "),e("code",[t._v("boolean")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-82"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-82"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L763",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:763"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"legend"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#legend"}},[t._v("#")]),t._v(" Legend")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Legend")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-83"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-83"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2262",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2262"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linecontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linecontroller-2"}},[t._v("#")]),t._v(" LineController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LineController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#linecontroller-1"}},[e("code",[t._v("LineController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-84"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-84"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L229",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:229"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L230",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:230"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"lineelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#lineelement"}},[t._v("#")]),t._v(" LineElement")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LineElement")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#lineelement"}},[e("code",[t._v("LineElement")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/LineProps.html"}},[e("code",[t._v("LineProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/LineOptions.html"}},[e("code",[t._v("LineOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-85"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-85"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1960",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1960"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1973",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1973"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linearscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linearscale-2"}},[t._v("#")]),t._v(" LinearScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LinearScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#linearscale-1"}},[e("code",[t._v("LinearScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-86"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-86"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3312",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3312"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3313",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3313"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"logarithmicscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmicscale-2"}},[t._v("#")]),t._v(" LogarithmicScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("LogarithmicScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#logarithmicscale-1"}},[e("code",[t._v("LogarithmicScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-87"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-87"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3336",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3336"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3337",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3337"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"piecontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#piecontroller-2"}},[t._v("#")]),t._v(" PieController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("PieController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#doughnutcontroller"}},[e("code",[t._v("DoughnutController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-88"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-88"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:366"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"polarareacontroller"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#polarareacontroller"}},[t._v("#")]),t._v(" PolarAreaController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("PolarAreaController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#polarareacontroller"}},[e("code",[t._v("PolarAreaController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-89"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-89"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L392",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:392"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L395",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:395"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radarcontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radarcontroller-2"}},[t._v("#")]),t._v(" RadarController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("RadarController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#radarcontroller-1"}},[e("code",[t._v("RadarController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-90"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-90"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L427",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:427"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L428",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:428"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"radiallinearscale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radiallinearscale"}},[t._v("#")]),t._v(" RadialLinearScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("RadialLinearScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#radiallinearscale"}},[e("code",[t._v("RadialLinearScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-91"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-91"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3589",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3589"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3601",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3601"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scattercontroller-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scattercontroller-2"}},[t._v("#")]),t._v(" ScatterController")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ScatterController")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#linecontroller-1"}},[e("code",[t._v("LineController")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-92"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-92"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L241",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:241"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L242",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:242"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"subtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#subtitle"}},[t._v("#")]),t._v(" SubTitle")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("SubTitle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-93"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-93"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2514",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2514"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" Ticks")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Ticks")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-12"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("{ "),e("code",[t._v("logarithmic")]),t._v(": ("),e("code",[t._v("tickValue")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("number")]),t._v(" }[]) => "),e("code",[t._v("string")]),t._v(" ; "),e("code",[t._v("numeric")]),t._v(": ("),e("code",[t._v("tickValue")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("ticks")]),t._v(": { "),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("number")]),t._v(" }[]) => "),e("code",[t._v("string")]),t._v(" ; "),e("code",[t._v("values")]),t._v(": ("),e("code",[t._v("value")]),t._v(": "),e("code",[t._v("unknown")]),t._v(") => "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[] }")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters.logarithmic")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("[object Object]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters.numeric")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("[object Object]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("formatters.values")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("[object Object]")])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-94"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-94"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1496",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1496"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timescale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timescale"}},[t._v("#")]),t._v(" TimeScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("TimeScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#timescale"}},[e("code",[t._v("TimeScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-95"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-95"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3430",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3430"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3437",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3437"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"timeseriesscale-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#timeseriesscale-2"}},[t._v("#")]),t._v(" TimeSeriesScale")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("TimeSeriesScale")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])]),t._v(" & ("),e("code",[t._v("cfg")]),t._v(": "),e("code",[t._v("AnyObject")]),t._v(") => "),e("RouterLink",{attrs:{to:"/api/#timeseriesscale-1"}},[e("code",[t._v("TimeSeriesScale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-96"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-96"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3442",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3442"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3443",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3443"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" Title")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("Title")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-97"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-97"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2515",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2515"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" Tooltip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("Tooltip")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltip"}},[e("code",[t._v("Tooltip")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-98"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-98"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2658",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2658"),e("OutboundLink")],1)]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2662",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2662"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Defaults.html"}},[e("code",[t._v("Defaults")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-99"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-99"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L710",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:710"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"layouts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#layouts"}},[t._v("#")]),t._v(" layouts")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("layouts")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-13"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("addBox")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("item")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v(") => "),e("code",[t._v("void")])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("configure")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("item")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v(", "),e("code",[t._v("options")]),t._v(": { "),e("code",[t._v("fullSize?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("position?")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])]),t._v(" ; "),e("code",[t._v("weight?")]),t._v(": "),e("code",[t._v("number")]),t._v(" }) => "),e("code",[t._v("void")])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("removeBox")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("layoutItem")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v(") => "),e("code",[t._v("void")])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("update")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("width")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("height")]),t._v(": "),e("code",[t._v("number")]),t._v(") => "),e("code",[t._v("void")])],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-100"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-100"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L778",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:778"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"registerables"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#registerables"}},[t._v("#")]),t._v(" registerables")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("registerables")]),t._v(": readonly "),e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-101"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-101"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L561",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:561"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"registry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#registry"}},[t._v("#")]),t._v(" registry")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Const")]),t._v(" "),e("strong",[t._v("registry")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Registry.html"}},[e("code",[t._v("Registry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-102"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-102"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1151",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1151"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/120.ac20d55e.js b/docs/master/assets/js/120.54af6edf.js similarity index 94% rename from docs/master/assets/js/120.ac20d55e.js rename to docs/master/assets/js/120.54af6edf.js index c2f897e90c..952b1052b1 100644 --- a/docs/master/assets/js/120.ac20d55e.js +++ b/docs/master/assets/js/120.54af6edf.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[120],{452:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-timescale-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-timescale-o"}},[t._v("#")]),t._v(" Interface: TimeScale")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TimeScale")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("never")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#animations"}},[t._v("$animations")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#active"}},[t._v("active")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#axis"}},[t._v("axis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1276",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1276"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Bottom edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#bottom"}},[t._v("bottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#chart"}},[t._v("chart")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1266",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1266"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ctx"}},[t._v("ctx")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1265",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1265"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, and the item is horizontal, then push vertical boxes down")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fullsize"}},[t._v("fullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#height"}},[t._v("height")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1263"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelrotation"}},[t._v("#")]),t._v(" labelRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#labelrotation"}},[t._v("labelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1277",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1277"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#left"}},[t._v("left")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:29"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"max"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#max"}},[t._v("#")]),t._v(" max")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("max")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#max"}},[t._v("max")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1279",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1279"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxheight"}},[t._v("#")]),t._v(" maxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxHeight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxheight"}},[t._v("maxHeight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxwidth"}},[t._v("maxWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"min"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min"}},[t._v("#")]),t._v(" min")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("min")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#min"}},[t._v("min")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1278",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1278"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#options"}},[t._v("options")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingbottom"}},[t._v("#")]),t._v(" paddingBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingBottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingbottom"}},[t._v("paddingBottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1272",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1272"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingleft"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingleft"}},[t._v("#")]),t._v(" paddingLeft")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingLeft")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingleft"}},[t._v("paddingLeft")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1273",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1273"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingright"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingright"}},[t._v("#")]),t._v(" paddingRight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingRight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingright"}},[t._v("paddingRight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1274"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingtop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingtop"}},[t._v("#")]),t._v(" paddingTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingTop")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingtop"}},[t._v("paddingTop")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1271",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1271"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])])],1),t._v(" "),e("p",[t._v("The position of the item in the chart layout. Possible values are")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"right"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#right"}},[t._v("#")]),t._v(" right")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("right")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Right edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#right"}},[t._v("right")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" ticks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ticks"}},[t._v("ticks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1280",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1280"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#top"}},[t._v("top")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#type"}},[t._v("type")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The weight used to sort the item. Higher weights are further away from the chart area")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#x"}},[t._v("x")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#y"}},[t._v("y")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterbuildticks"}},[t._v("afterBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftercalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftercalculatelabelrotation"}},[t._v("#")]),t._v(" afterCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftercalculatelabelrotation"}},[t._v("afterCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterdatalimits"}},[t._v("afterDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1358",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1358"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfit"}},[t._v("#")]),t._v(" afterFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterfit"}},[t._v("afterFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1370",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1370"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftersetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftersetdimensions"}},[t._v("#")]),t._v(" afterSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftersetdimensions"}},[t._v("afterSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1355",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1355"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterticktolabelconversion"}},[t._v("#")]),t._v(" afterTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterticktolabelconversion"}},[t._v("afterTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterupdate"}},[t._v("afterUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1352",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1352"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforebuildticks"}},[t._v("beforeBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforecalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforecalculatelabelrotation"}},[t._v("#")]),t._v(" beforeCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforecalculatelabelrotation"}},[t._v("beforeCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1365",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1365"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforedatalimits"}},[t._v("beforeDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1356",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefit"}},[t._v("#")]),t._v(" beforeFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforefit"}},[t._v("beforeFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1368",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1368"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the layout process starts")]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforesetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforesetdimensions"}},[t._v("#")]),t._v(" beforeSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforesetdimensions"}},[t._v("beforeSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1353",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1353"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeticktolabelconversion"}},[t._v("#")]),t._v(" beforeTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeticktolabelconversion"}},[t._v("beforeTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1362",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1362"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeupdate"}},[t._v("beforeUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildticks"}},[t._v("#")]),t._v(" buildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#buildticks"}},[t._v("buildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatelabelrotation"}},[t._v("#")]),t._v(" calculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#calculatelabelrotation"}},[t._v("calculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1366"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#configure"}},[t._v("configure")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1351",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1351"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"determinedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#determinedatalimits"}},[t._v("#")]),t._v(" determineDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("determineDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-48"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#determinedatalimits"}},[t._v("determineDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1357",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1357"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Draws the element")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-49"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawgrid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawgrid"}},[t._v("#")]),t._v(" drawGrid")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawGrid")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-50"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawgrid"}},[t._v("drawGrid")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1285",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawlabels"}},[t._v("#")]),t._v(" drawLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawLabels")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-51"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawlabels"}},[t._v("drawLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1284",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1284"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtitle"}},[t._v("#")]),t._v(" drawTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawTitle")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-52"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawtitle"}},[t._v("drawTitle")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1283",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1283"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fit"}},[t._v("#")]),t._v(" fit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("fit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-53"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fit"}},[t._v("fit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1369",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1369"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#format"}},[t._v("#")]),t._v(" format")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("format")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("format?")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("format?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3431",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3431"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"generateticklabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#generateticklabels"}},[t._v("#")]),t._v(" generateTickLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("generateTickLabels")]),t._v("("),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-54"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#generateticklabels"}},[t._v("generateTickLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasepixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasepixel"}},[t._v("#")]),t._v(" getBasePixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePixel")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the pixel for the minimum chart value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-55"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasepixel"}},[t._v("getBasePixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasevalue"}},[t._v("#")]),t._v(" getBaseValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBaseValue")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-56"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasevalue"}},[t._v("getBaseValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1335",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1335"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdatatimestamps"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdatatimestamps"}},[t._v("#")]),t._v(" getDataTimestamps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataTimestamps")]),t._v("(): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3432",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3432"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdecimalforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdecimalforpixel"}},[t._v("#")]),t._v(" getDecimalForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDecimalForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-57"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getdecimalforpixel"}},[t._v("getDecimalForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1291",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelforvalue"}},[t._v("#")]),t._v(" getLabelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Used to get the label to display in the tooltip for the given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-58"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelforvalue"}},[t._v("getLabelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1311",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1311"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelitems"}},[t._v("#")]),t._v(" getLabelItems")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelItems")]),t._v("("),e("code",[t._v("chartArea?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-59"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelitems"}},[t._v("getLabelItems")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1349",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1349"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabeltimestamps"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabeltimestamps"}},[t._v("#")]),t._v(" getLabelTimestamps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelTimestamps")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3433",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3433"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabels"}},[t._v("#")]),t._v(" getLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabels")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-60"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabels"}},[t._v("getLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1348",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1348"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlinewidthforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlinewidthforvalue"}},[t._v("#")]),t._v(" getLineWidthForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLineWidthForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the grid line width at given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-61"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlinewidthforvalue"}},[t._v("getLineWidthForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1316",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1316"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmatchingvisiblemetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmatchingvisiblemetas"}},[t._v("#")]),t._v(" getMatchingVisibleMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMatchingVisibleMetas")]),t._v("("),e("code",[t._v("type?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-62"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getmatchingvisiblemetas"}},[t._v("getMatchingVisibleMetas")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("canStack")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-37"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-63"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getminmax"}},[t._v("getMinMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpadding"}},[t._v("#")]),t._v(" getPadding")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getPadding")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Returns an object with padding on the edges")]),t._v(" "),e("h4",{attrs:{id:"returns-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-38"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-64"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpadding"}},[t._v("getPadding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfordecimal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfordecimal"}},[t._v("#")]),t._v(" getPixelForDecimal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForDecimal")]),t._v("("),e("code",[t._v("decimal")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Utility for getting the pixel location of a percentage of scale\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("decimal")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-39"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-65"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfordecimal"}},[t._v("getPixelForDecimal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1298",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1298"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfortick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfortick"}},[t._v("#")]),t._v(" getPixelForTick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForTick")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the tick at the given index\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-40"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-66"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfortick"}},[t._v("getPixelForTick")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1305",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1305"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelforvalue"}},[t._v("#")]),t._v(" getPixelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForValue")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the given data point. Value can either be an index or a numerical value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-41"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-67"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelforvalue"}},[t._v("getPixelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1325",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1325"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("never")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-42"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-68"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-43"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-69"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getticks"}},[t._v("#")]),t._v(" getTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-44"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-70"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getticks"}},[t._v("getTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getuserbounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getuserbounds"}},[t._v("#")]),t._v(" getUserBounds")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getUserBounds")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-45"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("maxDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-71"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getuserbounds"}},[t._v("getUserBounds")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1345",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1345"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvalueforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvalueforpixel"}},[t._v("#")]),t._v(" getValueForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Used to get the data value from a given pixel. This is the inverse of getPixelForValue\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-46"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-72"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getvalueforpixel"}},[t._v("getValueForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1333",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1333"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-47"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-73"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#hasvalue"}},[t._v("hasValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("init")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-48"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-74"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isfullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isfullsize"}},[t._v("#")]),t._v(" isFullSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isFullSize")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-49"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-75"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#isfullsize"}},[t._v("isFullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1372",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1372"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ishorizontal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ishorizontal"}},[t._v("#")]),t._v(" isHorizontal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isHorizontal")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("returns true if the layout item is horizontal (ie. top or bottom)")]),t._v(" "),e("h4",{attrs:{id:"returns-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-50"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-76"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ishorizontal"}},[t._v("isHorizontal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"normalize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#normalize"}},[t._v("#")]),t._v(" normalize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("normalize")]),t._v("("),e("code",[t._v("values")]),t._v("): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("values")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-51"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L3434",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3434"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("raw")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("raw")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-52"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-77"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#parse"}},[t._v("parse")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdimensions"}},[t._v("#")]),t._v(" setDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-53"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-78"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#setdimensions"}},[t._v("setDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-82"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-82"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1354",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1354"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-54"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-79"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#tooltipposition"}},[t._v("tooltipPosition")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-83"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-83"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("width")]),t._v(", "),e("code",[t._v("height")]),t._v(", "),e("code",[t._v("margins?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Takes two parameters: width and height.")]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("margins?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-55"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-80"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#update"}},[t._v("update")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-84"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-84"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:64"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[120],{451:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-timescale-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-timescale-o"}},[t._v("#")]),t._v(" Interface: TimeScale")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#timescaleoptions"}},[e("code",[t._v("TimeScaleOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("code",[t._v("O")]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TimeScale")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("never")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#animations"}},[t._v("$animations")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#active"}},[t._v("active")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#axis"}},[t._v("axis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1276",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1276"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Bottom edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#bottom"}},[t._v("bottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#chart"}},[t._v("chart")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1266",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1266"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ctx"}},[t._v("ctx")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1265",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1265"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, and the item is horizontal, then push vertical boxes down")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fullsize"}},[t._v("fullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#height"}},[t._v("height")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1263"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelrotation"}},[t._v("#")]),t._v(" labelRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#labelrotation"}},[t._v("labelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1277",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1277"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#left"}},[t._v("left")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:29"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"max"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#max"}},[t._v("#")]),t._v(" max")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("max")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#max"}},[t._v("max")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1279",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1279"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxheight"}},[t._v("#")]),t._v(" maxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxHeight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxheight"}},[t._v("maxHeight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#maxwidth"}},[t._v("maxWidth")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"min"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min"}},[t._v("#")]),t._v(" min")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("min")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#min"}},[t._v("min")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1278",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1278"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#options"}},[t._v("options")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingbottom"}},[t._v("#")]),t._v(" paddingBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingBottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingbottom"}},[t._v("paddingBottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1272",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1272"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingleft"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingleft"}},[t._v("#")]),t._v(" paddingLeft")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingLeft")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingleft"}},[t._v("paddingLeft")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1273",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1273"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingright"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingright"}},[t._v("#")]),t._v(" paddingRight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingRight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingright"}},[t._v("paddingRight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1274"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingtop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingtop"}},[t._v("#")]),t._v(" paddingTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingTop")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#paddingtop"}},[t._v("paddingTop")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1271",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1271"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])])],1),t._v(" "),e("p",[t._v("The position of the item in the chart layout. Possible values are")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"right"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#right"}},[t._v("#")]),t._v(" right")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("right")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Right edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#right"}},[t._v("right")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" ticks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ticks"}},[t._v("ticks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1280",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1280"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#top"}},[t._v("top")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#type"}},[t._v("type")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The weight used to sort the item. Higher weights are further away from the chart area")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#x"}},[t._v("x")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#y"}},[t._v("y")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterbuildticks"}},[t._v("afterBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftercalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftercalculatelabelrotation"}},[t._v("#")]),t._v(" afterCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftercalculatelabelrotation"}},[t._v("afterCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterdatalimits"}},[t._v("afterDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1358",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1358"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfit"}},[t._v("#")]),t._v(" afterFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterfit"}},[t._v("afterFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1370",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1370"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftersetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftersetdimensions"}},[t._v("#")]),t._v(" afterSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#aftersetdimensions"}},[t._v("afterSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1355",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1355"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterticktolabelconversion"}},[t._v("#")]),t._v(" afterTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterticktolabelconversion"}},[t._v("afterTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#afterupdate"}},[t._v("afterUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1352",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1352"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforebuildticks"}},[t._v("beforeBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforecalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforecalculatelabelrotation"}},[t._v("#")]),t._v(" beforeCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforecalculatelabelrotation"}},[t._v("beforeCalculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1365",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1365"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-39"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforedatalimits"}},[t._v("beforeDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1356",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefit"}},[t._v("#")]),t._v(" beforeFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-40"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforefit"}},[t._v("beforeFit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1368",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1368"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the layout process starts")]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-41"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforesetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforesetdimensions"}},[t._v("#")]),t._v(" beforeSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-42"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforesetdimensions"}},[t._v("beforeSetDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1353",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1353"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeticktolabelconversion"}},[t._v("#")]),t._v(" beforeTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-43"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeticktolabelconversion"}},[t._v("beforeTickToLabelConversion")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1362",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1362"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-44"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#beforeupdate"}},[t._v("beforeUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildticks"}},[t._v("#")]),t._v(" buildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-45"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#buildticks"}},[t._v("buildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatelabelrotation"}},[t._v("#")]),t._v(" calculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-46"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#calculatelabelrotation"}},[t._v("calculateLabelRotation")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1366"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-47"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#configure"}},[t._v("configure")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1351",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1351"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"determinedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#determinedatalimits"}},[t._v("#")]),t._v(" determineDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("determineDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-48"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#determinedatalimits"}},[t._v("determineDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1357",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1357"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Draws the element")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-49"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawgrid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawgrid"}},[t._v("#")]),t._v(" drawGrid")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawGrid")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-50"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawgrid"}},[t._v("drawGrid")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1285",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawlabels"}},[t._v("#")]),t._v(" drawLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawLabels")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-51"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawlabels"}},[t._v("drawLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1284",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1284"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtitle"}},[t._v("#")]),t._v(" drawTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawTitle")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-52"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#drawtitle"}},[t._v("drawTitle")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1283",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1283"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fit"}},[t._v("#")]),t._v(" fit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("fit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-53"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#fit"}},[t._v("fit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1369",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1369"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#format"}},[t._v("#")]),t._v(" format")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("format")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("format?")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("format?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3431",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3431"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"generateticklabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#generateticklabels"}},[t._v("#")]),t._v(" generateTickLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("generateTickLabels")]),t._v("("),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-54"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#generateticklabels"}},[t._v("generateTickLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasepixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasepixel"}},[t._v("#")]),t._v(" getBasePixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePixel")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the pixel for the minimum chart value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-55"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasepixel"}},[t._v("getBasePixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasevalue"}},[t._v("#")]),t._v(" getBaseValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBaseValue")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-56"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getbasevalue"}},[t._v("getBaseValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1335",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1335"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdatatimestamps"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdatatimestamps"}},[t._v("#")]),t._v(" getDataTimestamps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataTimestamps")]),t._v("(): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3432",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3432"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdecimalforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdecimalforpixel"}},[t._v("#")]),t._v(" getDecimalForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDecimalForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-57"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getdecimalforpixel"}},[t._v("getDecimalForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1291",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelforvalue"}},[t._v("#")]),t._v(" getLabelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Used to get the label to display in the tooltip for the given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-58"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelforvalue"}},[t._v("getLabelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1311",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1311"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelitems"}},[t._v("#")]),t._v(" getLabelItems")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelItems")]),t._v("("),e("code",[t._v("chartArea?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-59"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabelitems"}},[t._v("getLabelItems")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1349",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1349"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabeltimestamps"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabeltimestamps"}},[t._v("#")]),t._v(" getLabelTimestamps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelTimestamps")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3433",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3433"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabels"}},[t._v("#")]),t._v(" getLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabels")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-60"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlabels"}},[t._v("getLabels")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1348",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1348"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlinewidthforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlinewidthforvalue"}},[t._v("#")]),t._v(" getLineWidthForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLineWidthForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the grid line width at given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-61"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getlinewidthforvalue"}},[t._v("getLineWidthForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1316",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1316"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmatchingvisiblemetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmatchingvisiblemetas"}},[t._v("#")]),t._v(" getMatchingVisibleMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMatchingVisibleMetas")]),t._v("("),e("code",[t._v("type?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-62"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getmatchingvisiblemetas"}},[t._v("getMatchingVisibleMetas")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("canStack")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-37"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-63"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getminmax"}},[t._v("getMinMax")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpadding"}},[t._v("#")]),t._v(" getPadding")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getPadding")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Returns an object with padding on the edges")]),t._v(" "),e("h4",{attrs:{id:"returns-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-38"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-64"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpadding"}},[t._v("getPadding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfordecimal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfordecimal"}},[t._v("#")]),t._v(" getPixelForDecimal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForDecimal")]),t._v("("),e("code",[t._v("decimal")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Utility for getting the pixel location of a percentage of scale\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("decimal")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-39"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-65"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfordecimal"}},[t._v("getPixelForDecimal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1298",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1298"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfortick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfortick"}},[t._v("#")]),t._v(" getPixelForTick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForTick")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the tick at the given index\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-40"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-66"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelfortick"}},[t._v("getPixelForTick")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1305",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1305"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelforvalue"}},[t._v("#")]),t._v(" getPixelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForValue")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the given data point. Value can either be an index or a numerical value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-41"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-67"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelforvalue"}},[t._v("getPixelForValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1325",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1325"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("never")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-42"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-68"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-43"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-69"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getprops"}},[t._v("getProps")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getticks"}},[t._v("#")]),t._v(" getTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-44"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-70"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getticks"}},[t._v("getTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getuserbounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getuserbounds"}},[t._v("#")]),t._v(" getUserBounds")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getUserBounds")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-45"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("maxDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-71"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getuserbounds"}},[t._v("getUserBounds")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1345",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1345"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvalueforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvalueforpixel"}},[t._v("#")]),t._v(" getValueForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Used to get the data value from a given pixel. This is the inverse of getPixelForValue\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-46"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-72"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#getvalueforpixel"}},[t._v("getValueForPixel")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1333",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1333"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-47"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-73"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#hasvalue"}},[t._v("hasValue")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("init")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-48"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-74"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#init"}},[t._v("init")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isfullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isfullsize"}},[t._v("#")]),t._v(" isFullSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isFullSize")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-49"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-75"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#isfullsize"}},[t._v("isFullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1372",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1372"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ishorizontal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ishorizontal"}},[t._v("#")]),t._v(" isHorizontal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isHorizontal")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("returns true if the layout item is horizontal (ie. top or bottom)")]),t._v(" "),e("h4",{attrs:{id:"returns-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-50"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-76"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#ishorizontal"}},[t._v("isHorizontal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"normalize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#normalize"}},[t._v("#")]),t._v(" normalize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("normalize")]),t._v("("),e("code",[t._v("values")]),t._v("): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("values")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-51"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L3434",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:3434"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("raw")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("raw")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-52"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-77"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#parse"}},[t._v("parse")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdimensions"}},[t._v("#")]),t._v(" setDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-53"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-78"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#setdimensions"}},[t._v("setDimensions")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-82"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-82"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1354",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1354"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-54"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-79"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#tooltipposition"}},[t._v("tooltipPosition")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-83"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-83"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("width")]),t._v(", "),e("code",[t._v("height")]),t._v(", "),e("code",[t._v("margins?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Takes two parameters: width and height.")]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("margins?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-55"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-80"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/Scale.html#update"}},[t._v("update")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-84"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-84"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:64"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/121.3815ecf6.js b/docs/master/assets/js/121.d972607c.js similarity index 91% rename from docs/master/assets/js/121.3815ecf6.js rename to docs/master/assets/js/121.d972607c.js index 88bb8c7eac..553fbbc4e3 100644 --- a/docs/master/assets/js/121.3815ecf6.js +++ b/docs/master/assets/js/121.d972607c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[121],{451:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-titleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-titleoptions"}},[t._v("#")]),t._v(" Interface: TitleOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"align"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#align"}},[t._v("#")]),t._v(" align")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("align")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#align"}},[e("code",[t._v("Align")])])],1),t._v(" "),e("p",[t._v("Alignment of the title.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2522",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2522"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("Color of text")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("See")])])]),t._v(" "),e("p",[t._v("Defaults.color")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2537",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2537"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"display"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Is the title shown?")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2527",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2527"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" font")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableChartContext.html"}},[e("code",[t._v("ScriptableChartContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2538",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2538"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Marks that this box should take the full width/height of the canvas (moving other boxes). If set to "),e("code",[t._v("false")]),t._v(", places the box above/beside the\nchart area")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2545",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2545"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("padding")]),t._v(": "),e("code",[t._v("number")]),t._v(" | { "),e("code",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("top")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")]),t._v(" "),e("p",[t._v("Adds padding above and below the title text if a single number is specified. It is also possible to change top and bottom padding separately.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2549",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2549"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"bottom"')]),t._v(" | "),e("code",[t._v('"right"')])]),t._v(" "),e("p",[t._v("Position of title")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'top'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2532",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2532"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"text"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#text"}},[t._v("#")]),t._v(" text")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("text")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("p",[t._v("Title text to display. If specified as an array, text is rendered on multiple lines.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2553",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2553"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[121],{452:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-titleoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-titleoptions"}},[t._v("#")]),t._v(" Interface: TitleOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"align"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#align"}},[t._v("#")]),t._v(" align")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("align")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#align"}},[e("code",[t._v("Align")])])],1),t._v(" "),e("p",[t._v("Alignment of the title.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'center'")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2522",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2522"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("p",[t._v("Color of text")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("See")])])]),t._v(" "),e("p",[t._v("Defaults.color")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2537",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2537"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"display"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#display"}},[t._v("#")]),t._v(" display")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("display")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Is the title shown?")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2527",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2527"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"font"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#font"}},[t._v("#")]),t._v(" font")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("font")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableChartContext.html"}},[e("code",[t._v("ScriptableChartContext")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2538",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2538"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Marks that this box should take the full width/height of the canvas (moving other boxes). If set to "),e("code",[t._v("false")]),t._v(", places the box above/beside the\nchart area")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2545",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2545"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("padding")]),t._v(": "),e("code",[t._v("number")]),t._v(" | { "),e("code",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("top")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")]),t._v(" "),e("p",[t._v("Adds padding above and below the title text if a single number is specified. It is also possible to change top and bottom padding separately.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2549",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2549"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"bottom"')]),t._v(" | "),e("code",[t._v('"right"')])]),t._v(" "),e("p",[t._v("Position of title")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'top'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2532",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2532"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"text"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#text"}},[t._v("#")]),t._v(" text")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("text")]),t._v(": "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("p",[t._v("Title text to display. If specified as an array, text is rendered on multiple lines.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2553",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2553"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/122.d64fa4e5.js b/docs/master/assets/js/122.01f2c5c7.js similarity index 98% rename from docs/master/assets/js/122.d64fa4e5.js rename to docs/master/assets/js/122.01f2c5c7.js index 253326aebe..ae4f276f27 100644 --- a/docs/master/assets/js/122.d64fa4e5.js +++ b/docs/master/assets/js/122.01f2c5c7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[122],{453:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltip"}},[t._v("#")]),t._v(" Interface: Tooltip")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("Tooltip")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("p",[t._v("Default options used in the plugin")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#defaults"}},[t._v("defaults")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1122",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" events")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("events")]),t._v(": keyof "),e("code",[t._v("HTMLElementEventMap")]),t._v("[]")]),t._v(" "),e("p",[t._v("The events option defines the browser events that the plugin should listen.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#events"}},[t._v("events")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:823"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"positioners"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#positioners"}},[t._v("#")]),t._v(" positioners")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("positioners")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPositionerMap.html"}},[e("code",[t._v("TooltipPositionerMap")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2659",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2659"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterBuildTicks")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after scale has build its ticks. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterbuildticks"}},[t._v("afterBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L982",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:982"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDataLimits")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after scale data limits are calculated. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatalimits"}},[t._v("afterDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L966",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:966"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetdraw"}},[t._v("#")]),t._v(" afterDatasetDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets at the given "),e("code",[t._v("args.index")]),t._v(" have been drawn\n(datasets are drawn in the reverse order). Note that this hook will not be called\nif the datasets drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetdraw"}},[t._v("afterDatasetDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1064",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1064"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetupdate"}},[t._v("#")]),t._v(" afterDatasetUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets at the given "),e("code",[t._v("args.index")]),t._v(" has been updated. Note\nthat this hook will not be called if the datasets update has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetupdate"}},[t._v("afterDatasetUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L941",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:941"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetsdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetsdraw"}},[t._v("#")]),t._v(" afterDatasetsDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetsDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v(", "),e("code",[t._v("cancelable")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets have been drawn. Note that this hook\nwill not be called if the datasets drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetsdraw"}},[t._v("afterDatasetsDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1041",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1041"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetsupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetsupdate"}},[t._v("#")]),t._v(" afterDatasetsUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetsUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets have been updated. Note that this hook\nwill not be called if the datasets update has been previously cancelled.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("version 2.1.5")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetsupdate"}},[t._v("afterDatasetsUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L918",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:918"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdestroy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdestroy"}},[t._v("#")]),t._v(" afterDestroy")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDestroy")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called after the chart has been destroyed.")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdestroy"}},[t._v("afterDestroy")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1109",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1109"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" has been drawn. Note that this hook will not be called\nif the drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1024",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1024"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterevent"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterevent"}},[t._v("#")]),t._v(" afterEvent")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterEvent")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("event")]),t._v(" has been consumed. Note that this hook\nwill not be called if the "),e("code",[t._v("event")]),t._v(" has been previously discarded.")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.changed?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Set to true if the plugin needs a render. Should only be changed to true, because this args object is passed through all plugins.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event object.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.inChartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event position is inside chartArea")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.replay")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("True if this event is replayed from "),e("code",[t._v("Chart.update")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterevent"}},[t._v("afterEvent")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1087",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1087"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterinit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterinit"}},[t._v("#")]),t._v(" afterInit")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterInit")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after "),e("code",[t._v("chart")]),t._v(" has been initialized and before the first update.")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterinit"}},[t._v("afterInit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L862",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:862"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterlayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterlayout"}},[t._v("#")]),t._v(" afterLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterLayout")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" has been laid out. Note that this hook will not\nbe called if the layout update has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterlayout"}},[t._v("afterLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L990",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:990"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterrender"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterrender"}},[t._v("#")]),t._v(" afterRender")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterRender")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" has been fully rendered (and animation completed). Note\nthat this hook will not be called if the rendering has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterrender"}},[t._v("afterRender")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1007",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1007"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftertooltipdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftertooltipdraw"}},[t._v("#")]),t._v(" afterTooltipDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterTooltipDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after drawing the "),e("code",[t._v("tooltip")]),t._v(". Note that this hook will not\nbe called if the tooltip drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.tooltip")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The tooltip.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#aftertooltipdraw"}},[t._v("afterTooltipDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2711",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2711"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after "),e("code",[t._v("chart")]),t._v(" has been updated and before rendering. Note that this\nhook will not be called if the chart update has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterupdate"}},[t._v("afterUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L881",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:881"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeBuildTicks")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before scale builds its ticks. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforebuildticks"}},[t._v("beforeBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L974",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:974"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDataLimits")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before scale data limits are calculated. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatalimits"}},[t._v("beforeDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L958",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:958"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetdraw"}},[t._v("#")]),t._v(" beforeDatasetDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing the "),e("code",[t._v("chart")]),t._v(" dataset at the given "),e("code",[t._v("args.index")]),t._v(" (datasets\nare drawn in the reverse order). If any plugin returns "),e("code",[t._v("false")]),t._v(", the datasets drawing\nis cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart datasets drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetdraw"}},[t._v("beforeDatasetDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1053",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1053"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetupdate"}},[t._v("#")]),t._v(" beforeDatasetUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before updating the "),e("code",[t._v("chart")]),t._v(" dataset at the given "),e("code",[t._v("args.index")]),t._v(". If any plugin\nreturns "),e("code",[t._v("false")]),t._v(", the datasets update is cancelled until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart datasets drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetupdate"}},[t._v("beforeDatasetUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L930",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:930"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetsdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetsdraw"}},[t._v("#")]),t._v(" beforeDatasetsDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetsDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing the "),e("code",[t._v("chart")]),t._v(" datasets. If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe datasets drawing is cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart datasets drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetsdraw"}},[t._v("beforeDatasetsDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1033",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1033"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetsupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetsupdate"}},[t._v("#")]),t._v(" beforeDatasetsUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetsUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before updating the "),e("code",[t._v("chart")]),t._v(" datasets. If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe datasets update is cancelled until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("version 2.1.5")]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("false to cancel the datasets update.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetsupdate"}},[t._v("beforeDatasetsUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L908",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:908"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedestroy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedestroy"}},[t._v("#")]),t._v(" beforeDestroy")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDestroy")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the chart is being destroyed.")]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedestroy"}},[t._v("beforeDestroy")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1102",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1102"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing "),e("code",[t._v("chart")]),t._v(" at every animation frame. If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe frame drawing is cancelled untilanother "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1016",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1016"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeelementsupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeelementsupdate"}},[t._v("#")]),t._v(" beforeElementsUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeElementsUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called during the update process, before any chart elements have been created.\nThis can be used for data decimation by changing the data array inside a dataset.")]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeelementsupdate"}},[t._v("beforeElementsUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L889",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:889"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeevent"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeevent"}},[t._v("#")]),t._v(" beforeEvent")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeEvent")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before processing the specified "),e("code",[t._v("event")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe event will be discarded.")]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event object.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.inChartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event position is inside chartArea")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.replay")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("True if this event is replayed from "),e("code",[t._v("Chart.update")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeevent"}},[t._v("beforeEvent")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1075",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1075"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeinit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeinit"}},[t._v("#")]),t._v(" beforeInit")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeInit")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before initializing "),e("code",[t._v("chart")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeinit"}},[t._v("beforeInit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L855",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:855"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before laying out "),e("code",[t._v("chart")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe layout update is cancelled until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-26"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart layout.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L950",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:950"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforerender"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforerender"}},[t._v("#")]),t._v(" beforeRender")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeRender")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before rendering "),e("code",[t._v("chart")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe rendering is cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-27"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart rendering.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforerender"}},[t._v("beforeRender")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L999",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:999"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforetooltipdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforetooltipdraw"}},[t._v("#")]),t._v(" beforeTooltipDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeTooltipDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing the "),e("code",[t._v("tooltip")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe tooltip drawing is cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-28"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.tooltip")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The tooltip.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart tooltip drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforetooltipdraw"}},[t._v("beforeTooltipDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2702",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2702"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before updating "),e("code",[t._v("chart")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(", the update\nis cancelled (and thus subsequent render(s)) until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-29"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart update.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeupdate"}},[t._v("beforeUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L872",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:872"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"install"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#install"}},[t._v("#")]),t._v(" install")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("install")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called when plugin is installed for this chart instance. This hook is also invoked for disabled plugins (options === false).")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-30"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#install"}},[t._v("install")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L832",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:832"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("reset")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called during chart reset")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("version 3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-31"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#reset"}},[t._v("reset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L897",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:897"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resize"}},[t._v("#")]),t._v(" resize")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("resize")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the chart as been resized.")]),t._v(" "),e("h4",{attrs:{id:"parameters-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-32"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.size")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The new canvas display size (eq. canvas.style width & height).")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.size.height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.size.width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#resize"}},[t._v("resize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1095",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1095"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"start"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("start")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called when a plugin is starting. This happens when chart is created or plugin is enabled.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-33"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#start"}},[t._v("start")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L840",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:840"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("stop")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called when a plugin stopping. This happens when chart is destroyed or plugin is disabled.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-34"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#stop"}},[t._v("stop")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L848",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:848"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"uninstall"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#uninstall"}},[t._v("#")]),t._v(" uninstall")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("uninstall")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called after chart is destroyed on all plugins that were installed for that chart. This hook is also invoked for disabled plugins (options === false).")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-35"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#uninstall"}},[t._v("uninstall")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1117",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1117"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[122],{454:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltip"}},[t._v("#")]),t._v(" Interface: Tooltip")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[e("code",[t._v("Plugin")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("Tooltip")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("p",[t._v("Default options used in the plugin")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#defaults"}},[t._v("defaults")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1122",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1122"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"events"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" events")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("events")]),t._v(": keyof "),e("code",[t._v("HTMLElementEventMap")]),t._v("[]")]),t._v(" "),e("p",[t._v("The events option defines the browser events that the plugin should listen.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#events"}},[t._v("events")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:823"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#id"}},[t._v("id")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"positioners"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#positioners"}},[t._v("#")]),t._v(" positioners")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("positioners")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipPositionerMap.html"}},[e("code",[t._v("TooltipPositionerMap")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2659",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2659"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterBuildTicks")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after scale has build its ticks. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterbuildticks"}},[t._v("afterBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L982",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:982"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDataLimits")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after scale data limits are calculated. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatalimits"}},[t._v("afterDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L966",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:966"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetdraw"}},[t._v("#")]),t._v(" afterDatasetDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets at the given "),e("code",[t._v("args.index")]),t._v(" have been drawn\n(datasets are drawn in the reverse order). Note that this hook will not be called\nif the datasets drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetdraw"}},[t._v("afterDatasetDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1064",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1064"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetupdate"}},[t._v("#")]),t._v(" afterDatasetUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets at the given "),e("code",[t._v("args.index")]),t._v(" has been updated. Note\nthat this hook will not be called if the datasets update has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetupdate"}},[t._v("afterDatasetUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L941",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:941"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetsdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetsdraw"}},[t._v("#")]),t._v(" afterDatasetsDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetsDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v(", "),e("code",[t._v("cancelable")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets have been drawn. Note that this hook\nwill not be called if the datasets drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetsdraw"}},[t._v("afterDatasetsDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1041",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1041"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatasetsupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatasetsupdate"}},[t._v("#")]),t._v(" afterDatasetsUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDatasetsUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" datasets have been updated. Note that this hook\nwill not be called if the datasets update has been previously cancelled.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("version 2.1.5")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdatasetsupdate"}},[t._v("afterDatasetsUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L918",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:918"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdestroy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdestroy"}},[t._v("#")]),t._v(" afterDestroy")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDestroy")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called after the chart has been destroyed.")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdestroy"}},[t._v("afterDestroy")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1109",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1109"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdraw"}},[t._v("#")]),t._v(" afterDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" has been drawn. Note that this hook will not be called\nif the drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterdraw"}},[t._v("afterDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1024",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1024"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterevent"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterevent"}},[t._v("#")]),t._v(" afterEvent")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterEvent")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("event")]),t._v(" has been consumed. Note that this hook\nwill not be called if the "),e("code",[t._v("event")]),t._v(" has been previously discarded.")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.changed?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Set to true if the plugin needs a render. Should only be changed to true, because this args object is passed through all plugins.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event object.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.inChartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event position is inside chartArea")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.replay")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("True if this event is replayed from "),e("code",[t._v("Chart.update")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterevent"}},[t._v("afterEvent")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1087",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1087"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterinit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterinit"}},[t._v("#")]),t._v(" afterInit")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterInit")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after "),e("code",[t._v("chart")]),t._v(" has been initialized and before the first update.")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterinit"}},[t._v("afterInit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L862",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:862"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterlayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterlayout"}},[t._v("#")]),t._v(" afterLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterLayout")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" has been laid out. Note that this hook will not\nbe called if the layout update has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterlayout"}},[t._v("afterLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L990",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:990"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterrender"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterrender"}},[t._v("#")]),t._v(" afterRender")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterRender")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the "),e("code",[t._v("chart")]),t._v(" has been fully rendered (and animation completed). Note\nthat this hook will not be called if the rendering has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterrender"}},[t._v("afterRender")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1007",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1007"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftertooltipdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftertooltipdraw"}},[t._v("#")]),t._v(" afterTooltipDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterTooltipDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after drawing the "),e("code",[t._v("tooltip")]),t._v(". Note that this hook will not\nbe called if the tooltip drawing has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.tooltip")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The tooltip.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#aftertooltipdraw"}},[t._v("afterTooltipDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2711",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2711"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("afterUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after "),e("code",[t._v("chart")]),t._v(" has been updated and before rendering. Note that this\nhook will not be called if the chart update has been previously cancelled.")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#afterupdate"}},[t._v("afterUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L881",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:881"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeBuildTicks")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before scale builds its ticks. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforebuildticks"}},[t._v("beforeBuildTicks")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L974",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:974"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDataLimits")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before scale data limits are calculated. This hook is called separately for each scale in the chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The scale.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatalimits"}},[t._v("beforeDataLimits")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L958",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:958"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetdraw"}},[t._v("#")]),t._v(" beforeDatasetDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing the "),e("code",[t._v("chart")]),t._v(" dataset at the given "),e("code",[t._v("args.index")]),t._v(" (datasets\nare drawn in the reverse order). If any plugin returns "),e("code",[t._v("false")]),t._v(", the datasets drawing\nis cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart datasets drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetdraw"}},[t._v("beforeDatasetDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1053",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1053"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetupdate"}},[t._v("#")]),t._v(" beforeDatasetUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before updating the "),e("code",[t._v("chart")]),t._v(" dataset at the given "),e("code",[t._v("args.index")]),t._v(". If any plugin\nreturns "),e("code",[t._v("false")]),t._v(", the datasets update is cancelled until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset index.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The dataset metadata.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart datasets drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetupdate"}},[t._v("beforeDatasetUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L930",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:930"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetsdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetsdraw"}},[t._v("#")]),t._v(" beforeDatasetsDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetsDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing the "),e("code",[t._v("chart")]),t._v(" datasets. If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe datasets drawing is cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart datasets drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetsdraw"}},[t._v("beforeDatasetsDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1033",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1033"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatasetsupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatasetsupdate"}},[t._v("#")]),t._v(" beforeDatasetsUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDatasetsUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before updating the "),e("code",[t._v("chart")]),t._v(" datasets. If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe datasets update is cancelled until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("version 2.1.5")]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("false to cancel the datasets update.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedatasetsupdate"}},[t._v("beforeDatasetsUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L908",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:908"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedestroy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedestroy"}},[t._v("#")]),t._v(" beforeDestroy")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDestroy")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the chart is being destroyed.")]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedestroy"}},[t._v("beforeDestroy")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1102",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1102"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedraw"}},[t._v("#")]),t._v(" beforeDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing "),e("code",[t._v("chart")]),t._v(" at every animation frame. If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe frame drawing is cancelled untilanother "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-25"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforedraw"}},[t._v("beforeDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1016",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1016"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeelementsupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeelementsupdate"}},[t._v("#")]),t._v(" beforeElementsUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeElementsUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called during the update process, before any chart elements have been created.\nThis can be used for data decimation by changing the data array inside a dataset.")]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-26"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeelementsupdate"}},[t._v("beforeElementsUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L889",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:889"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeevent"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeevent"}},[t._v("#")]),t._v(" beforeEvent")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeEvent")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before processing the specified "),e("code",[t._v("event")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe event will be discarded.")]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event object.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.inChartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The event position is inside chartArea")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.replay")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("True if this event is replayed from "),e("code",[t._v("Chart.update")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-27"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeevent"}},[t._v("beforeEvent")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1075",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1075"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeinit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeinit"}},[t._v("#")]),t._v(" beforeInit")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeInit")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before initializing "),e("code",[t._v("chart")]),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-28"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeinit"}},[t._v("beforeInit")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L855",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:855"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before laying out "),e("code",[t._v("chart")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe layout update is cancelled until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-26"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart layout.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-29"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L950",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:950"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforerender"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforerender"}},[t._v("#")]),t._v(" beforeRender")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeRender")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before rendering "),e("code",[t._v("chart")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe rendering is cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-27"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart rendering.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-30"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforerender"}},[t._v("beforeRender")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L999",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:999"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforetooltipdraw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforetooltipdraw"}},[t._v("#")]),t._v(" beforeTooltipDraw")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeTooltipDraw")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before drawing the "),e("code",[t._v("tooltip")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(",\nthe tooltip drawing is cancelled until another "),e("code",[t._v("render")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-28"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.tooltip")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The tooltip.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart tooltip drawing.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-31"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforetooltipdraw"}},[t._v("beforeTooltipDraw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2702",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2702"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeUpdate")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called before updating "),e("code",[t._v("chart")]),t._v(". If any plugin returns "),e("code",[t._v("false")]),t._v(", the update\nis cancelled (and thus subsequent render(s)) until another "),e("code",[t._v("update")]),t._v(" is triggered.")]),t._v(" "),e("h4",{attrs:{id:"parameters-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-29"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.cancelable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The update mode")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("code",[t._v("false")]),t._v(" to cancel the chart update.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-32"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#beforeupdate"}},[t._v("beforeUpdate")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L872",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:872"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"install"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#install"}},[t._v("#")]),t._v(" install")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("install")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called when plugin is installed for this chart instance. This hook is also invoked for disabled plugins (options === false).")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-30"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-33"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#install"}},[t._v("install")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L832",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:832"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("reset")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called during chart reset")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("version 3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-31"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-34"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#reset"}},[t._v("reset")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L897",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:897"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resize"}},[t._v("#")]),t._v(" resize")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("resize")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called after the chart as been resized.")]),t._v(" "),e("h4",{attrs:{id:"parameters-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-32"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.size")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The new canvas display size (eq. canvas.style width & height).")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.size.height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.size.width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("-")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-35"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#resize"}},[t._v("resize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1095",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1095"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"start"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("start")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called when a plugin is starting. This happens when chart is created or plugin is enabled.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-33"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-36"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#start"}},[t._v("start")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L840",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:840"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("stop")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Desc")])])]),t._v(" "),e("p",[t._v("Called when a plugin stopping. This happens when chart is destroyed or plugin is disabled.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-34"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-37"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#stop"}},[t._v("stop")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L848",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:848"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"uninstall"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#uninstall"}},[t._v("#")]),t._v(" uninstall")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("uninstall")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("args")]),t._v(", "),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called after chart is destroyed on all plugins that were installed for that chart. This hook is also invoked for disabled plugins (options === false).")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Since")])])]),t._v(" "),e("p",[t._v("3.0.0")]),t._v(" "),e("h4",{attrs:{id:"parameters-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-35"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart instance.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("EmptyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The call arguments.")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The plugin options.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-38"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html"}},[t._v("Plugin")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Plugin.html#uninstall"}},[t._v("uninstall")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1117",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1117"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/123.a5b8e62f.js b/docs/master/assets/js/123.f62e00dd.js similarity index 96% rename from docs/master/assets/js/123.a5b8e62f.js rename to docs/master/assets/js/123.f62e00dd.js index 80316c003c..8222102516 100644 --- a/docs/master/assets/js/123.a5b8e62f.js +++ b/docs/master/assets/js/123.f62e00dd.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[123],{454:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipcallbacks-ttype-model-item"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipcallbacks-ttype-model-item"}},[t._v("#")]),t._v(" Interface: TooltipCallbacks")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbody"}},[t._v("#")]),t._v(" afterBody")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBody")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2674",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2674"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfooter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfooter"}},[t._v("#")]),t._v(" afterFooter")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFooter")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2686",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2686"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterlabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterlabel"}},[t._v("#")]),t._v(" afterLabel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterLabel")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2678",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2678"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftertitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftertitle"}},[t._v("#")]),t._v(" afterTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTitle")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2671",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2671"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebody"}},[t._v("#")]),t._v(" beforeBody")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBody")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2673",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2673"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefooter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefooter"}},[t._v("#")]),t._v(" beforeFooter")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFooter")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2684",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2684"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelabel"}},[t._v("#")]),t._v(" beforeLabel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeLabel")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2676",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2676"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforetitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforetitle"}},[t._v("#")]),t._v(" beforeTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTitle")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2669",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2669"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footer"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footer"}},[t._v("#")]),t._v(" footer")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("footer")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2685",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2685"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("label")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2677",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2677"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelcolor"}},[t._v("#")]),t._v(" labelColor")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("labelColor")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[e("code",[t._v("TooltipLabelStyle")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[e("code",[t._v("TooltipLabelStyle")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2680",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2680"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelpointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelpointstyle"}},[t._v("#")]),t._v(" labelPointStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("labelPointStyle")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("void")]),t._v(" | { "),e("code",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])]),t._v(" ; "),e("code",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")]),t._v(" | { "),e("code",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])]),t._v(" ; "),e("code",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2682",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2682"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labeltextcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labeltextcolor"}},[t._v("#")]),t._v(" labelTextColor")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("labelTextColor")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2681",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2681"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" title")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("title")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2670",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2670"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[123],{455:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipcallbacks-ttype-model-item"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipcallbacks-ttype-model-item"}},[t._v("#")]),t._v(" Interface: TooltipCallbacks")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbody"}},[t._v("#")]),t._v(" afterBody")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBody")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2674",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2674"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfooter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfooter"}},[t._v("#")]),t._v(" afterFooter")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFooter")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2686",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2686"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterlabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterlabel"}},[t._v("#")]),t._v(" afterLabel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterLabel")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2678",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2678"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftertitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftertitle"}},[t._v("#")]),t._v(" afterTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTitle")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2671",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2671"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebody"}},[t._v("#")]),t._v(" beforeBody")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBody")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2673",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2673"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefooter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefooter"}},[t._v("#")]),t._v(" beforeFooter")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFooter")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2684",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2684"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelabel"}},[t._v("#")]),t._v(" beforeLabel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeLabel")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2676",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2676"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforetitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforetitle"}},[t._v("#")]),t._v(" beforeTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTitle")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2669",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2669"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footer"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footer"}},[t._v("#")]),t._v(" footer")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("footer")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2685",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2685"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("label")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2677",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2677"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelcolor"}},[t._v("#")]),t._v(" labelColor")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("labelColor")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[e("code",[t._v("TooltipLabelStyle")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[e("code",[t._v("TooltipLabelStyle")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2680",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2680"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelpointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelpointstyle"}},[t._v("#")]),t._v(" labelPointStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("labelPointStyle")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("void")]),t._v(" | { "),e("code",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])]),t._v(" ; "),e("code",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")]),t._v(" | { "),e("code",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])]),t._v(" ; "),e("code",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2682",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2682"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labeltextcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labeltextcolor"}},[t._v("#")]),t._v(" labelTextColor")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("labelTextColor")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItem")]),t._v("): "),e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItem")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2681",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2681"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" title")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("title")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("tooltipItems")]),t._v("): "),e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Model")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("tooltipItems")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Item")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("void")]),t._v(" | "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2670",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2670"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/124.5fca8849.js b/docs/master/assets/js/124.31e84daa.js similarity index 91% rename from docs/master/assets/js/124.5fca8849.js rename to docs/master/assets/js/124.31e84daa.js index 679d32f5c3..a068fd92e9 100644 --- a/docs/master/assets/js/124.5fca8849.js +++ b/docs/master/assets/js/124.31e84daa.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[124],{456:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipitem-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipitem-ttype"}},[t._v("#")]),t._v(" Interface: TooltipItem")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("p",[t._v("The chart the tooltip is being shown on")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2903",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2903"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataindex"}},[t._v("#")]),t._v(" dataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Index of this data item in the dataset")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2938",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2938"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset"}},[t._v("#")]),t._v(" dataset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataset")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>>>")],1),t._v(" "),e("p",[t._v("The dataset the item comes from")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2928",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2928"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Index of the dataset the item comes from")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2933",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2933"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" element")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("p",[t._v("The chart element (point, arc, bar, etc.) for this tooltip item")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2943",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2943"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"formattedvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#formattedvalue"}},[t._v("#")]),t._v(" formattedValue")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("formattedValue")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Formatted value for the tooltip")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2923",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2923"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Label for the tooltip")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2908",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2908"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsed"}},[t._v("#")]),t._v(" parsed")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsed")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Parsed data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2913",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2913"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"raw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#raw"}},[t._v("#")]),t._v(" raw")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("raw")]),t._v(": "),e("code",[t._v("unknown")])]),t._v(" "),e("p",[t._v("Raw data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2918",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2918"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[124],{456:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipitem-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipitem-ttype"}},[t._v("#")]),t._v(" Interface: TooltipItem")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("p",[t._v("The chart the tooltip is being shown on")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2903",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2903"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataindex"}},[t._v("#")]),t._v(" dataIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Index of this data item in the dataset")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2938",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2938"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"dataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset"}},[t._v("#")]),t._v(" dataset")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataset")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>>>")],1),t._v(" "),e("p",[t._v("The dataset the item comes from")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2928",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2928"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Index of the dataset the item comes from")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2933",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2933"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" element")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("p",[t._v("The chart element (point, arc, bar, etc.) for this tooltip item")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2943",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2943"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"formattedvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#formattedvalue"}},[t._v("#")]),t._v(" formattedValue")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("formattedValue")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Formatted value for the tooltip")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2923",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2923"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Label for the tooltip")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2908",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2908"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsed"}},[t._v("#")]),t._v(" parsed")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsed")]),t._v(": "),e("code",[t._v("UnionToIntersection")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Parsed data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2913",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2913"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"raw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#raw"}},[t._v("#")]),t._v(" raw")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("raw")]),t._v(": "),e("code",[t._v("unknown")])]),t._v(" "),e("p",[t._v("Raw data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2918",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2918"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/125.212ecae8.js b/docs/master/assets/js/125.551a4ff6.js similarity index 91% rename from docs/master/assets/js/125.212ecae8.js rename to docs/master/assets/js/125.551a4ff6.js index 18cc3438af..c5ee18492a 100644 --- a/docs/master/assets/js/125.212ecae8.js +++ b/docs/master/assets/js/125.551a4ff6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[125],{457:function(r,e,t){"use strict";t.r(e);var a=t(3),s=Object(a.a)({},(function(){var r=this,e=r._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltiplabelstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltiplabelstyle"}},[r._v("#")]),r._v(" Interface: TooltipLabelStyle")]),r._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[r._v("#")]),r._v(" backgroundColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("backgroundColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2560",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2560"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[r._v("#")]),r._v(" borderColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2559",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2559"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[r._v("#")]),r._v(" borderDash")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderDash")]),r._v(": ["),e("code",[r._v("number")]),r._v(", "),e("code",[r._v("number")]),r._v("]")]),r._v(" "),e("p",[r._v("Border dash")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2572",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2572"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[r._v("#")]),r._v(" borderDashOffset")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderDashOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Border dash offset")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2578",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2578"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[r._v("#")]),r._v(" borderRadius")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderRadius")]),r._v(": "),e("code",[r._v("number")]),r._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[r._v("BorderRadius")])])],1),r._v(" "),e("p",[r._v("borderRadius")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2584",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2584"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[r._v("#")]),r._v(" borderWidth")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderWidth")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Width of border line")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2566",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2566"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[125],{457:function(r,e,t){"use strict";t.r(e);var a=t(3),s=Object(a.a)({},(function(){var r=this,e=r._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltiplabelstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltiplabelstyle"}},[r._v("#")]),r._v(" Interface: TooltipLabelStyle")]),r._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[r._v("#")]),r._v(" backgroundColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("backgroundColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2560",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2560"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[r._v("#")]),r._v(" borderColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2559",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2559"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[r._v("#")]),r._v(" borderDash")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderDash")]),r._v(": ["),e("code",[r._v("number")]),r._v(", "),e("code",[r._v("number")]),r._v("]")]),r._v(" "),e("p",[r._v("Border dash")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2572",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2572"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[r._v("#")]),r._v(" borderDashOffset")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderDashOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Border dash offset")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2578",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2578"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[r._v("#")]),r._v(" borderRadius")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderRadius")]),r._v(": "),e("code",[r._v("number")]),r._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[r._v("BorderRadius")])])],1),r._v(" "),e("p",[r._v("borderRadius")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2584",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2584"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[r._v("#")]),r._v(" borderWidth")]),r._v(" "),e("p",[r._v("• "),e("code",[r._v("Optional")]),r._v(" "),e("strong",[r._v("borderWidth")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Width of border line")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Since")])])]),r._v(" "),e("p",[r._v("3.1.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2566",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2566"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/126.beaf0faa.js b/docs/master/assets/js/126.d78534d5.js similarity index 93% rename from docs/master/assets/js/126.beaf0faa.js rename to docs/master/assets/js/126.d78534d5.js index a4ca33c5fb..3c8448f638 100644 --- a/docs/master/assets/js/126.beaf0faa.js +++ b/docs/master/assets/js/126.d78534d5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[126],{458:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipmodel-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipmodel-ttype"}},[t._v("#")]),t._v(" Interface: TooltipModel")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipOptions.html"}},[e("code",[t._v("TooltipOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TooltipModel")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterbody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbody"}},[t._v("#")]),t._v(" afterBody")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("afterBody")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2615",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2615"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebody"}},[t._v("#")]),t._v(" beforeBody")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("beforeBody")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"body"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#body"}},[t._v("#")]),t._v(" body")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("body")]),t._v(": { "),e("code",[t._v("after")]),t._v(": "),e("code",[t._v("string")]),t._v("[] ; "),e("code",[t._v("before")]),t._v(": "),e("code",[t._v("string")]),t._v("[] ; "),e("code",[t._v("lines")]),t._v(": "),e("code",[t._v("string")]),t._v("[] }[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2611",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2611"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"caretx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#caretx"}},[t._v("#")]),t._v(" caretX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2602",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2602"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"carety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#carety"}},[t._v("#")]),t._v(" caretY")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretY")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2603",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2603"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>, "),e("code",[t._v("unknown")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2587",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2587"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datapoints"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datapoints"}},[t._v("#")]),t._v(" dataPoints")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataPoints")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footer"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footer"}},[t._v("#")]),t._v(" footer")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footer")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2623",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2623"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2600",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2600"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelcolors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelcolors"}},[t._v("#")]),t._v(" labelColors")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelColors")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[e("code",[t._v("TooltipLabelStyle")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2626",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2626"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelpointstyles"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelpointstyles"}},[t._v("#")]),t._v(" labelPointStyles")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelPointStyles")]),t._v(": { "),e("code",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])]),t._v(" ; "),e("code",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" }[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2628",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2628"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labeltextcolors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labeltextcolors"}},[t._v("#")]),t._v(" labelTextColors")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelTextColors")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2627",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2627"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("opacity")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2631",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2631"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipOptions.html"}},[e("code",[t._v("TooltipOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2634",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2634"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" title")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("title")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2619",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2619"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2597"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xalign"}},[t._v("#")]),t._v(" xAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipxalignment"}},[e("code",[t._v("TooltipXAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"overrides-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-3"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2598",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2598"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yalign"}},[t._v("#")]),t._v(" yAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipyalignment"}},[e("code",[t._v("TooltipYAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2594",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2594"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"getactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getactiveelements"}},[t._v("#")]),t._v(" getActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getActiveElements")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2636",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2636"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setactiveelements"}},[t._v("#")]),t._v(" setActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setActiveElements")]),t._v("("),e("code",[t._v("active")]),t._v(", "),e("code",[t._v("eventPosition")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[e("code",[t._v("ActiveDataPoint")])]),t._v("[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("eventPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2637",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2637"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[126],{459:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipmodel-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipmodel-ttype"}},[t._v("#")]),t._v(" Interface: TooltipModel")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipOptions.html"}},[e("code",[t._v("TooltipOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TooltipModel")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterbody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbody"}},[t._v("#")]),t._v(" afterBody")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("afterBody")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2615",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2615"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebody"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebody"}},[t._v("#")]),t._v(" beforeBody")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("beforeBody")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"body"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#body"}},[t._v("#")]),t._v(" body")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("body")]),t._v(": { "),e("code",[t._v("after")]),t._v(": "),e("code",[t._v("string")]),t._v("[] ; "),e("code",[t._v("before")]),t._v(": "),e("code",[t._v("string")]),t._v("[] ; "),e("code",[t._v("lines")]),t._v(": "),e("code",[t._v("string")]),t._v("[] }[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2611",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2611"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"caretx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#caretx"}},[t._v("#")]),t._v(" caretX")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretX")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2602",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2602"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"carety"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#carety"}},[t._v("#")]),t._v(" caretY")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretY")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2603",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2603"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>, "),e("code",[t._v("unknown")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2587",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2587"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"datapoints"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datapoints"}},[t._v("#")]),t._v(" dataPoints")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("dataPoints")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footer"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footer"}},[t._v("#")]),t._v(" footer")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footer")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2623",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2623"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2600",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2600"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelcolors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelcolors"}},[t._v("#")]),t._v(" labelColors")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelColors")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipLabelStyle.html"}},[e("code",[t._v("TooltipLabelStyle")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2626",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2626"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelpointstyles"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelpointstyles"}},[t._v("#")]),t._v(" labelPointStyles")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelPointStyles")]),t._v(": { "),e("code",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])]),t._v(" ; "),e("code",[t._v("rotation")]),t._v(": "),e("code",[t._v("number")]),t._v(" }[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2628",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2628"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labeltextcolors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labeltextcolors"}},[t._v("#")]),t._v(" labelTextColors")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelTextColors")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2627",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2627"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"opacity"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#opacity"}},[t._v("#")]),t._v(" opacity")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("opacity")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2631",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2631"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipOptions.html"}},[e("code",[t._v("TooltipOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2634",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2634"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" title")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("title")]),t._v(": "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2619",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2619"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2597"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xalign"}},[t._v("#")]),t._v(" xAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipxalignment"}},[e("code",[t._v("TooltipXAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"overrides-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-3"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2598",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2598"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yalign"}},[t._v("#")]),t._v(" yAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipyalignment"}},[e("code",[t._v("TooltipYAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2594",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2594"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"getactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getactiveelements"}},[t._v("#")]),t._v(" getActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getActiveElements")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2636",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2636"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setactiveelements"}},[t._v("#")]),t._v(" setActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setActiveElements")]),t._v("("),e("code",[t._v("active")]),t._v(", "),e("code",[t._v("eventPosition")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[e("code",[t._v("ActiveDataPoint")])]),t._v("[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("eventPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2637",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2637"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/127.4cf84d1e.js b/docs/master/assets/js/127.aeb9b7b9.js similarity index 94% rename from docs/master/assets/js/127.4cf84d1e.js rename to docs/master/assets/js/127.aeb9b7b9.js index f07d8e297c..fb3855cb74 100644 --- a/docs/master/assets/js/127.4cf84d1e.js +++ b/docs/master/assets/js/127.aeb9b7b9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[127],{459:function(t,e,r){"use strict";r.r(e);var a=r(3),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipoptions-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipoptions-ttype"}},[t._v("#")]),t._v(" Interface: TooltipOptions")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[e("code",[t._v("CoreInteractionOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TooltipOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animation")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2894",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2894"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animations")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2895",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2895"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#interactionaxis"}},[e("code",[t._v("InteractionAxis")])])],1),t._v(" "),e("p",[t._v("Defines which directions are used in calculating distances. Defaults to 'x' for 'index' mode and 'xy' in dataset and 'nearest' modes.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#axis"}},[t._v("axis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1579",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1579"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Background color of the tooltip.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'rgba(0, 0, 0, 0.8)'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2752",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2752"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodyalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodyalign"}},[t._v("#")]),t._v(" bodyAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodyAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#textalign"}},[e("code",[t._v("TextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Horizontal alignment of the body text lines.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'left'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2802",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2802"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodycolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodycolor"}},[t._v("#")]),t._v(" bodyColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodyColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of body")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2792",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2792"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodyfont"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodyfont"}},[t._v("#")]),t._v(" bodyFont")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodyFont")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("See Fonts.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2797",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2797"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodyspacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodyspacing"}},[t._v("#")]),t._v(" bodySpacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodySpacing")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Spacing to add to top and bottom of each tooltip item.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2787",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2787"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of the border.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'rgba(0, 0, 0, 0)'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2877",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2877"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Size of the border.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2882",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2882"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxheight"}},[t._v("#")]),t._v(" boxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("boxHeight")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Height of the color box if displayColors is true.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("bodyFont.size")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2867",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2867"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxpadding"}},[t._v("#")]),t._v(" boxPadding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("boxPadding")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Padding between the color box and the text.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("1")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2757"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxwidth"}},[t._v("#")]),t._v(" boxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("boxWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Width of the color box if displayColors is true.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("bodyFont.size")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2862",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2862"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callbacks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callbacks"}},[t._v("#")]),t._v(" callbacks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("callbacks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipCallbacks.html"}},[e("code",[t._v("TooltipCallbacks")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2896",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2896"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"caretpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#caretpadding"}},[t._v("#")]),t._v(" caretPadding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretPadding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Extra distance to move the end of the tooltip arrow away from the tooltip point.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2837",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2837"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"caretsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#caretsize"}},[t._v("#")]),t._v(" caretSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretSize")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Size, in px, of the tooltip arrow.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("5")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2842",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2842"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"cornerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cornerradius"}},[t._v("#")]),t._v(" cornerRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("cornerRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[t._v("BorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Radius of tooltip corner curves.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2847",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2847"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"displaycolors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#displaycolors"}},[t._v("#")]),t._v(" displayColors")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("displayColors")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("If true, color boxes are shown in the tooltip.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2857",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2857"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enabled"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enabled"}},[t._v("#")]),t._v(" enabled")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("enabled")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Are on-canvas tooltips enabled?")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2725",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2725"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"filter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#filter"}},[t._v("#")]),t._v(" filter")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("filter")]),t._v(": ("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("array")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[], "),e("code",[t._v("data")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v(") => "),e("code",[t._v("boolean")])],1),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("e")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("array")]),t._v(", "),e("code",[t._v("data")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h5",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("e")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("array")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v("")],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2746",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2746"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footeralign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footeralign"}},[t._v("#")]),t._v(" footerAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#textalign"}},[e("code",[t._v("TextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Horizontal alignment of the footer text lines.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'left'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2827",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2827"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footercolor"}},[t._v("#")]),t._v(" footerColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of footer")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footerfont"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footerfont"}},[t._v("#")]),t._v(" footerFont")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerFont")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("See Fonts")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2822"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footermargintop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footermargintop"}},[t._v("#")]),t._v(" footerMarginTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerMarginTop")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Margin to add before drawing the footer.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2812",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2812"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footerspacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footerspacing"}},[t._v("#")]),t._v(" footerSpacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerSpacing")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Spacing to add to top and bottom of each footer line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2807",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2807"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"includeinvisible"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#includeinvisible"}},[t._v("#")]),t._v(" includeInvisible")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("includeInvisible")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, the invisible points that are outside of the chart area will also be included when evaluating interactions.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#includeinvisible"}},[t._v("includeInvisible")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1585",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1585"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"intersect"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#intersect"}},[t._v("#")]),t._v(" intersect")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("intersect")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, the hover mode only applies when the mouse position intersects an item on the chart.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#intersect"}},[t._v("intersect")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1574",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1574"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"itemsort"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#itemsort"}},[t._v("#")]),t._v(" itemSort")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("itemSort")]),t._v(": ("),e("code",[t._v("a")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("b")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("data")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v(") => "),e("code",[t._v("number")])],1),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("a")]),t._v(", "),e("code",[t._v("b")]),t._v(", "),e("code",[t._v("data")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Sort tooltip items.")]),t._v(" "),e("h5",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("a")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("b")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v("")],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2744",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2744"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"mode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#mode"}},[t._v("#")]),t._v(" mode")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("mode")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[e("code",[t._v("InteractionModeMap")])])],1),t._v(" "),e("p",[t._v("Sets which elements appear in the tooltip. See Interaction Modes for details.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'nearest'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#mode"}},[t._v("mode")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1569",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1569"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"multikeybackground"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#multikeybackground"}},[t._v("#")]),t._v(" multiKeyBackground")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("multiKeyBackground")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color to draw behind the colored boxes when multiple items are in the tooltip.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2852",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2852"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Padding")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Padding to add to the tooltip")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2832",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2832"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v(">")],1),t._v(" "),e("p",[t._v("The mode for positioning the tooltip")]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2733",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2733"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rtl"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rtl"}},[t._v("#")]),t._v(" rtl")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("rtl")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("true for rendering the legends from right to left.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2886",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2886"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textdirection"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textdirection"}},[t._v("#")]),t._v(" textDirection")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("textDirection")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("This will force the text direction 'rtl' or 'ltr on the canvas for rendering the tooltips, regardless of the css specified on the canvas")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("canvas's default")]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2892",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2892"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlealign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlealign"}},[t._v("#")]),t._v(" titleAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#textalign"}},[e("code",[t._v("TextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Horizontal alignment of the title text lines.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'left'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2782",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2782"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlecolor"}},[t._v("#")]),t._v(" titleColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of title")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2762",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2762"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlefont"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlefont"}},[t._v("#")]),t._v(" titleFont")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleFont")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("See Fonts")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlemarginbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlemarginbottom"}},[t._v("#")]),t._v(" titleMarginBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleMarginBottom")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Margin to add on bottom of title section.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2777",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2777"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlespacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlespacing"}},[t._v("#")]),t._v(" titleSpacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleSpacing")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Spacing to add to top and bottom of each title line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2772",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2772"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"usepointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#usepointstyle"}},[t._v("#")]),t._v(" usePointStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("usePointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight)")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2872",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2872"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xalign"}},[t._v("#")]),t._v(" xAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#tooltipxalignment"}},[e("code",[t._v("TooltipXAlignment")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Override the tooltip alignment calculations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2738",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2738"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yalign"}},[t._v("#")]),t._v(" yAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#tooltipyalignment"}},[e("code",[t._v("TooltipYAlignment")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2739",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2739"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"external"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#external"}},[t._v("#")]),t._v(" external")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("external")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("See external tooltip section.")]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.tooltip")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2729",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2729"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[127],{458:function(t,e,r){"use strict";r.r(e);var a=r(3),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipoptions-ttype"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipoptions-ttype"}},[t._v("#")]),t._v(" Interface: TooltipOptions")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[e("code",[t._v("CoreInteractionOptions")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TooltipOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animation")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2894",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2894"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animations")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2895",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2895"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#interactionaxis"}},[e("code",[t._v("InteractionAxis")])])],1),t._v(" "),e("p",[t._v("Defines which directions are used in calculating distances. Defaults to 'x' for 'index' mode and 'xy' in dataset and 'nearest' modes.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#axis"}},[t._v("axis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1579",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1579"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Background color of the tooltip.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'rgba(0, 0, 0, 0.8)'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2752",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2752"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodyalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodyalign"}},[t._v("#")]),t._v(" bodyAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodyAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#textalign"}},[e("code",[t._v("TextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Horizontal alignment of the body text lines.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'left'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2802",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2802"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodycolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodycolor"}},[t._v("#")]),t._v(" bodyColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodyColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of body")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2792",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2792"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodyfont"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodyfont"}},[t._v("#")]),t._v(" bodyFont")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodyFont")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("See Fonts.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2797",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2797"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bodyspacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bodyspacing"}},[t._v("#")]),t._v(" bodySpacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bodySpacing")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Spacing to add to top and bottom of each tooltip item.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2787",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2787"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of the border.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'rgba(0, 0, 0, 0)'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2877",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2877"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Size of the border.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2882",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2882"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxheight"}},[t._v("#")]),t._v(" boxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("boxHeight")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Height of the color box if displayColors is true.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("bodyFont.size")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2867",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2867"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxpadding"}},[t._v("#")]),t._v(" boxPadding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("boxPadding")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Padding between the color box and the text.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("1")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2757"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxwidth"}},[t._v("#")]),t._v(" boxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("boxWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Width of the color box if displayColors is true.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("bodyFont.size")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2862",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2862"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"callbacks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#callbacks"}},[t._v("#")]),t._v(" callbacks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("callbacks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipCallbacks.html"}},[e("code",[t._v("TooltipCallbacks")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2896",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2896"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"caretpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#caretpadding"}},[t._v("#")]),t._v(" caretPadding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretPadding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Extra distance to move the end of the tooltip arrow away from the tooltip point.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2837",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2837"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"caretsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#caretsize"}},[t._v("#")]),t._v(" caretSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("caretSize")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Size, in px, of the tooltip arrow.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("5")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2842",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2842"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"cornerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cornerradius"}},[t._v("#")]),t._v(" cornerRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("cornerRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[t._v("BorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Radius of tooltip corner curves.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2847",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2847"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"displaycolors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#displaycolors"}},[t._v("#")]),t._v(" displayColors")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("displayColors")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("If true, color boxes are shown in the tooltip.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2857",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2857"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enabled"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enabled"}},[t._v("#")]),t._v(" enabled")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("enabled")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Are on-canvas tooltips enabled?")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2725",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2725"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"filter"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#filter"}},[t._v("#")]),t._v(" filter")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("filter")]),t._v(": ("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("index")]),t._v(": "),e("code",[t._v("number")]),t._v(", "),e("code",[t._v("array")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[], "),e("code",[t._v("data")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v(") => "),e("code",[t._v("boolean")])],1),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("e")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("array")]),t._v(", "),e("code",[t._v("data")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h5",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("e")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("array")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v("")],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2746",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2746"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footeralign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footeralign"}},[t._v("#")]),t._v(" footerAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#textalign"}},[e("code",[t._v("TextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Horizontal alignment of the footer text lines.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'left'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2827",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2827"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footercolor"}},[t._v("#")]),t._v(" footerColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of footer")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footerfont"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footerfont"}},[t._v("#")]),t._v(" footerFont")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerFont")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("See Fonts")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2822"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footermargintop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footermargintop"}},[t._v("#")]),t._v(" footerMarginTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerMarginTop")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Margin to add before drawing the footer.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2812",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2812"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"footerspacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#footerspacing"}},[t._v("#")]),t._v(" footerSpacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("footerSpacing")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Spacing to add to top and bottom of each footer line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2807",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2807"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"includeinvisible"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#includeinvisible"}},[t._v("#")]),t._v(" includeInvisible")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("includeInvisible")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, the invisible points that are outside of the chart area will also be included when evaluating interactions.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#includeinvisible"}},[t._v("includeInvisible")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1585",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1585"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"intersect"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#intersect"}},[t._v("#")]),t._v(" intersect")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("intersect")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, the hover mode only applies when the mouse position intersects an item on the chart.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#intersect"}},[t._v("intersect")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1574",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1574"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"itemsort"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#itemsort"}},[t._v("#")]),t._v(" itemSort")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("itemSort")]),t._v(": ("),e("code",[t._v("a")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("b")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">, "),e("code",[t._v("data")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v(") => "),e("code",[t._v("number")])],1),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("p",[t._v("▸ ("),e("code",[t._v("a")]),t._v(", "),e("code",[t._v("b")]),t._v(", "),e("code",[t._v("data")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Sort tooltip items.")]),t._v(" "),e("h5",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("a")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("b")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipItem.html"}},[e("code",[t._v("TooltipItem")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v("")],1)])])]),t._v(" "),e("h5",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2744",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2744"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"mode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#mode"}},[t._v("#")]),t._v(" mode")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("mode")]),t._v(": keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionModeMap.html"}},[e("code",[t._v("InteractionModeMap")])])],1),t._v(" "),e("p",[t._v("Sets which elements appear in the tooltip. See Interaction Modes for details.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'nearest'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html"}},[t._v("CoreInteractionOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CoreInteractionOptions.html#mode"}},[t._v("mode")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1569",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1569"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"multikeybackground"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#multikeybackground"}},[t._v("#")]),t._v(" multiKeyBackground")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("multiKeyBackground")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color to draw behind the colored boxes when multiple items are in the tooltip.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2852",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2852"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"padding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" padding")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("padding")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("Padding")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Padding to add to the tooltip")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2832",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2832"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v(">")],1),t._v(" "),e("p",[t._v("The mode for positioning the tooltip")]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2733",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2733"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"rtl"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rtl"}},[t._v("#")]),t._v(" rtl")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("rtl")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("true for rendering the legends from right to left.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2886",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2886"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"textdirection"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#textdirection"}},[t._v("#")]),t._v(" textDirection")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("textDirection")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("string")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("This will force the text direction 'rtl' or 'ltr on the canvas for rendering the tooltips, regardless of the css specified on the canvas")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("canvas's default")]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2892",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2892"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlealign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlealign"}},[t._v("#")]),t._v(" titleAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#textalign"}},[e("code",[t._v("TextAlign")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Horizontal alignment of the title text lines.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'left'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2782",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2782"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlecolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlecolor"}},[t._v("#")]),t._v(" titleColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Color of title")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'#fff'")]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2762",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2762"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlefont"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlefont"}},[t._v("#")]),t._v(" titleFont")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleFont")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandscriptableoptions"}},[e("code",[t._v("ScriptableAndScriptableOptions")])]),t._v("<"),e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/FontSpec.html"}},[e("code",[t._v("FontSpec")])]),t._v(">, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("See Fonts")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlemarginbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlemarginbottom"}},[t._v("#")]),t._v(" titleMarginBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleMarginBottom")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Margin to add on bottom of title section.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("6")]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2777",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2777"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"titlespacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#titlespacing"}},[t._v("#")]),t._v(" titleSpacing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("titleSpacing")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Spacing to add to top and bottom of each title line.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("2")]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2772",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2772"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"usepointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#usepointstyle"}},[t._v("#")]),t._v(" usePointStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("usePointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight)")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2872",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2872"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xalign"}},[t._v("#")]),t._v(" xAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#tooltipxalignment"}},[e("code",[t._v("TooltipXAlignment")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("p",[t._v("Override the tooltip alignment calculations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2738",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2738"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yalign"}},[t._v("#")]),t._v(" yAlign")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#tooltipyalignment"}},[e("code",[t._v("TooltipYAlignment")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableTooltipContext.html"}},[e("code",[t._v("ScriptableTooltipContext")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2739",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2739"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"external"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#external"}},[t._v("#")]),t._v(" external")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("external")]),t._v("("),e("code",[t._v("this")]),t._v(", "),e("code",[t._v("args")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("See external tooltip section.")]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("this")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args.tooltip")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2729",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2729"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/128.6667dc3e.js b/docs/master/assets/js/128.121ddbb1.js similarity index 92% rename from docs/master/assets/js/128.6667dc3e.js rename to docs/master/assets/js/128.121ddbb1.js index de5838e617..936505bd70 100644 --- a/docs/master/assets/js/128.6667dc3e.js +++ b/docs/master/assets/js/128.121ddbb1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[128],{461:function(t,e,r){"use strict";r.r(e);var a=r(3),i=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipposition"}},[t._v("#")]),t._v(" Interface: TooltipPosition")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TooltipPosition")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html#x"}},[t._v("x")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/geometric.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xalign"}},[t._v("#")]),t._v(" xAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipxalignment"}},[e("code",[t._v("TooltipXAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2641",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2641"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html#y"}},[t._v("y")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/geometric.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yalign"}},[t._v("#")]),t._v(" yAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipyalignment"}},[e("code",[t._v("TooltipYAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2642",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2642"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[128],{460:function(t,e,r){"use strict";r.r(e);var a=r(3),i=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltipposition"}},[t._v("#")]),t._v(" Interface: TooltipPosition")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("TooltipPosition")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html#x"}},[t._v("x")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/geometric.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xalign"}},[t._v("#")]),t._v(" xAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("xAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipxalignment"}},[e("code",[t._v("TooltipXAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2641",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2641"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html#y"}},[t._v("y")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/geometric.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yalign"}},[t._v("#")]),t._v(" yAlign")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("yAlign")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltipyalignment"}},[e("code",[t._v("TooltipYAlignment")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2642",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2642"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/129.0f0b0a48.js b/docs/master/assets/js/129.b10c32fc.js similarity index 91% rename from docs/master/assets/js/129.0f0b0a48.js rename to docs/master/assets/js/129.b10c32fc.js index 8949ee2a32..815341ec13 100644 --- a/docs/master/assets/js/129.0f0b0a48.js +++ b/docs/master/assets/js/129.b10c32fc.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[129],{460:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltippositionermap"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltippositionermap"}},[t._v("#")]),t._v(" Interface: TooltipPositionerMap")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"average"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#average"}},[t._v("#")]),t._v(" average")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("average")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltippositionerfunction"}},[e("code",[t._v("TooltipPositionerFunction")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2652",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2652"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"nearest"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#nearest"}},[t._v("#")]),t._v(" nearest")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("nearest")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltippositionerfunction"}},[e("code",[t._v("TooltipPositionerFunction")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2653",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2653"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[129],{461:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-tooltippositionermap"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-tooltippositionermap"}},[t._v("#")]),t._v(" Interface: TooltipPositionerMap")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"average"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#average"}},[t._v("#")]),t._v(" average")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("average")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltippositionerfunction"}},[e("code",[t._v("TooltipPositionerFunction")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2652",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2652"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"nearest"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#nearest"}},[t._v("#")]),t._v(" nearest")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("nearest")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#tooltippositionerfunction"}},[e("code",[t._v("TooltipPositionerFunction")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2653",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2653"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/13.7f46d67b.js b/docs/master/assets/js/13.c53931df.js similarity index 92% rename from docs/master/assets/js/13.7f46d67b.js rename to docs/master/assets/js/13.c53931df.js index 98079776e5..6aba8e5890 100644 --- a/docs/master/assets/js/13.7f46d67b.js +++ b/docs/master/assets/js/13.c53931df.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{347:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-animation"}},[t._v("#")]),t._v(" Class: Animation")]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Animation")]),t._v("("),e("code",[t._v("cfg")]),t._v(", "),e("code",[t._v("target")]),t._v(", "),e("code",[t._v("prop")]),t._v(", "),e("code",[t._v("to?")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("target")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("prop")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("to?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"to"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#to"}},[t._v("#")]),t._v(" _to")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("_to")]),t._v(": "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:10"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("active")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"cancel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cancel"}},[t._v("#")]),t._v(" cancel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("cancel")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick"}},[t._v("#")]),t._v(" tick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tick")]),t._v("("),e("code",[t._v("date")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("date")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("cfg")]),t._v(", "),e("code",[t._v("to")]),t._v(", "),e("code",[t._v("date")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("to")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("date")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{345:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-animation"}},[t._v("#")]),t._v(" Class: Animation")]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Animation")]),t._v("("),e("code",[t._v("cfg")]),t._v(", "),e("code",[t._v("target")]),t._v(", "),e("code",[t._v("prop")]),t._v(", "),e("code",[t._v("to?")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("target")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("prop")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("to?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L5",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:5"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"to"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#to"}},[t._v("#")]),t._v(" _to")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("_to")]),t._v(": "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:10"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("active")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L6",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:6"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"cancel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cancel"}},[t._v("#")]),t._v(" cancel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("cancel")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:8"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick"}},[t._v("#")]),t._v(" tick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tick")]),t._v("("),e("code",[t._v("date")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("date")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("cfg")]),t._v(", "),e("code",[t._v("to")]),t._v(", "),e("code",[t._v("date")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("to")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("date")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:7"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/130.6f9d9887.js b/docs/master/assets/js/130.65049a09.js similarity index 95% rename from docs/master/assets/js/130.6f9d9887.js rename to docs/master/assets/js/130.65049a09.js index 813123c03d..1a6a2b334c 100644 --- a/docs/master/assets/js/130.6f9d9887.js +++ b/docs/master/assets/js/130.65049a09.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[130],{463:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-typedregistry-t"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-typedregistry-t"}},[t._v("#")]),t._v(" Interface: TypedRegistry")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"get"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#get"}},[t._v("#")]),t._v(" get")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("get")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("code",[t._v("T")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("T")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1529",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1529"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"register"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#register"}},[t._v("#")]),t._v(" register")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("register")]),t._v("("),e("code",[t._v("item")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The scope where items defaults were registered to.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1528",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1528"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"unregister"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#unregister"}},[t._v("#")]),t._v(" unregister")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("unregister")]),t._v("("),e("code",[t._v("item")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1530",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1530"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[130],{462:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-typedregistry-t"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-typedregistry-t"}},[t._v("#")]),t._v(" Interface: TypedRegistry")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])])])])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"get"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#get"}},[t._v("#")]),t._v(" get")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("get")]),t._v("("),e("code",[t._v("id")]),t._v("): "),e("code",[t._v("T")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("T")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1529",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1529"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"register"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#register"}},[t._v("#")]),t._v(" register")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("register")]),t._v("("),e("code",[t._v("item")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The scope where items defaults were registered to.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1528",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1528"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"unregister"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#unregister"}},[t._v("#")]),t._v(" unregister")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("unregister")]),t._v("("),e("code",[t._v("item")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartComponent.html"}},[e("code",[t._v("ChartComponent")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1530",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1530"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/131.9742c58c.js b/docs/master/assets/js/131.a9d944a7.js similarity index 95% rename from docs/master/assets/js/131.9742c58c.js rename to docs/master/assets/js/131.a9d944a7.js index 089118e9a9..0dea7f9ce9 100644 --- a/docs/master/assets/js/131.9742c58c.js +++ b/docs/master/assets/js/131.a9d944a7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[131],{462:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-visualelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-visualelement"}},[t._v("#")]),t._v(" Interface: VisualElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("VisualElement")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LineElement.html"}},[e("code",[t._v("LineElement")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BarElement.html"}},[e("code",[t._v("BarElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v(", "),e("code",[t._v("area?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("area?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1806",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1806"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1810",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1810"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getrange"}},[t._v("#")]),t._v(" getRange")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getRange")]),t._v("("),e("code",[t._v("axis")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("axis")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1811",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1811"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1807",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1807"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inxrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inxrange"}},[t._v("#")]),t._v(" inXRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inXRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1808",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1808"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inyrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inyrange"}},[t._v("#")]),t._v(" inYRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inYRange")]),t._v("("),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1809",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1809"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[131],{464:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-visualelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-visualelement"}},[t._v("#")]),t._v(" Interface: VisualElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("VisualElement")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/LineElement.html"}},[e("code",[t._v("LineElement")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/BarElement.html"}},[e("code",[t._v("BarElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v(", "),e("code",[t._v("area?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("area?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1806",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1806"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1810",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1810"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getrange"}},[t._v("#")]),t._v(" getRange")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getRange")]),t._v("("),e("code",[t._v("axis")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("axis")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1811",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1811"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1807",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1807"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inxrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inxrange"}},[t._v("#")]),t._v(" inXRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inXRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1808",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1808"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inyrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inyrange"}},[t._v("#")]),t._v(" inYRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inYRange")]),t._v("("),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1809",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1809"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/132.3613ccba.js b/docs/master/assets/js/132.3c24b3c0.js similarity index 98% rename from docs/master/assets/js/132.3613ccba.js rename to docs/master/assets/js/132.3c24b3c0.js index ec03fc1a56..33fae2b82f 100644 --- a/docs/master/assets/js/132.3613ccba.js +++ b/docs/master/assets/js/132.3c24b3c0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[132],{465:function(t,e,o){"use strict";o.r(e);var v=o(3),d=Object(v.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])])])}),[],!1,null,null,null);e.default=d.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[132],{463:function(t,e,o){"use strict";o.r(e);var v=o(3),d=Object(v.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])])])}),[],!1,null,null,null);e.default=d.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/133.d5939b9f.js b/docs/master/assets/js/133.0a5990ed.js similarity index 98% rename from docs/master/assets/js/133.d5939b9f.js rename to docs/master/assets/js/133.0a5990ed.js index 6203a1af62..c51db52c94 100644 --- a/docs/master/assets/js/133.d5939b9f.js +++ b/docs/master/assets/js/133.0a5990ed.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[133],{464:function(t,e,o){"use strict";o.r(e);var d=o(3),v=Object(d.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])])])}),[],!1,null,null,null);e.default=v.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[133],{465:function(t,e,o){"use strict";o.r(e);var d=o(3),v=Object(d.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])])])}),[],!1,null,null,null);e.default=v.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/136.1ec86061.js b/docs/master/assets/js/136.2edd49ed.js similarity index 99% rename from docs/master/assets/js/136.1ec86061.js rename to docs/master/assets/js/136.2edd49ed.js index eb9bf72c22..b0a91d0cfc 100644 --- a/docs/master/assets/js/136.1ec86061.js +++ b/docs/master/assets/js/136.2edd49ed.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[136],{467:function(t,e,a){"use strict";a.r(e);var s=a(3),r=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"category-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category-axis"}},[t._v("#")]),t._v(" Category Axis")]),t._v(" "),e("p",[t._v("If the global configuration is used, labels are drawn from one of the label arrays included in the chart data. If only "),e("code",[t._v("data.labels")]),t._v(" is defined, this will be used. If "),e("code",[t._v("data.xLabels")]),t._v(" is defined and the axis is horizontal, this will be used. Similarly, if "),e("code",[t._v("data.yLabels")]),t._v(" is defined and the axis is vertical, this property will be used. Using both "),e("code",[t._v("xLabels")]),t._v(" and "),e("code",[t._v("yLabels")]),t._v(" together can create a chart that uses strings for both the X and Y axes.")]),t._v(" "),e("p",[t._v("Specifying any of the settings above defines the x-axis as "),e("code",[t._v("type: 'category'")]),t._v(" if not defined otherwise. For more fine-grained control of category labels, it is also possible to add "),e("code",[t._v("labels")]),t._v(" as part of the category axis definition. Doing so does not apply the global defaults.")]),t._v(" "),e("h2",{attrs:{id:"category-axis-definition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category-axis-definition"}},[t._v("#")]),t._v(" Category Axis Definition")]),t._v(" "),e("p",[t._v("Globally:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("p",[t._v("As part of axis definition:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'category'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"category-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category-axis-specific-options"}},[t._v("#")]),t._v(" Category Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("The minimum item to display. "),e("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("The maximum item to display. "),e("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labels")])]),t._v(" "),e("td",[e("code",[t._v("string[]")]),t._v("|"),e("code",[t._v("string[][]")])]),t._v(" "),e("td",[t._v("An array of labels to display. When an individual label is an array of strings, each item is rendered on a new line.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h2",{attrs:{id:"min-max-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min-max-configuration"}},[t._v("#")]),t._v(" Min Max Configuration")]),t._v(" "),e("p",[t._v("For both the "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(" properties, the value must be "),e("code",[t._v("string")]),t._v(" in the "),e("code",[t._v("labels")]),t._v(" array or "),e("code",[t._v("numeric")]),t._v(' value as an index of a label in that array. In the example below, the x axis would only display "March" through "June".')]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally category scale uses label indices")])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[136],{469:function(t,e,a){"use strict";a.r(e);var s=a(3),r=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"category-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category-axis"}},[t._v("#")]),t._v(" Category Axis")]),t._v(" "),e("p",[t._v("If the global configuration is used, labels are drawn from one of the label arrays included in the chart data. If only "),e("code",[t._v("data.labels")]),t._v(" is defined, this will be used. If "),e("code",[t._v("data.xLabels")]),t._v(" is defined and the axis is horizontal, this will be used. Similarly, if "),e("code",[t._v("data.yLabels")]),t._v(" is defined and the axis is vertical, this property will be used. Using both "),e("code",[t._v("xLabels")]),t._v(" and "),e("code",[t._v("yLabels")]),t._v(" together can create a chart that uses strings for both the X and Y axes.")]),t._v(" "),e("p",[t._v("Specifying any of the settings above defines the x-axis as "),e("code",[t._v("type: 'category'")]),t._v(" if not defined otherwise. For more fine-grained control of category labels, it is also possible to add "),e("code",[t._v("labels")]),t._v(" as part of the category axis definition. Doing so does not apply the global defaults.")]),t._v(" "),e("h2",{attrs:{id:"category-axis-definition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category-axis-definition"}},[t._v("#")]),t._v(" Category Axis Definition")]),t._v(" "),e("p",[t._v("Globally:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("p",[t._v("As part of axis definition:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'category'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"category-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#category-axis-specific-options"}},[t._v("#")]),t._v(" Category Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("The minimum item to display. "),e("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("The maximum item to display. "),e("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labels")])]),t._v(" "),e("td",[e("code",[t._v("string[]")]),t._v("|"),e("code",[t._v("string[][]")])]),t._v(" "),e("td",[t._v("An array of labels to display. When an individual label is an array of strings, each item is rendered on a new line.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h2",{attrs:{id:"min-max-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min-max-configuration"}},[t._v("#")]),t._v(" Min Max Configuration")]),t._v(" "),e("p",[t._v("For both the "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(" properties, the value must be "),e("code",[t._v("string")]),t._v(" in the "),e("code",[t._v("labels")]),t._v(" array or "),e("code",[t._v("numeric")]),t._v(' value as an index of a label in that array. In the example below, the x axis would only display "March" through "June".')]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally category scale uses label indices")])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/137.b7e4a790.js b/docs/master/assets/js/137.d40c9db4.js similarity index 99% rename from docs/master/assets/js/137.b7e4a790.js rename to docs/master/assets/js/137.d40c9db4.js index f1c91fa9c0..e983dfb0eb 100644 --- a/docs/master/assets/js/137.b7e4a790.js +++ b/docs/master/assets/js/137.d40c9db4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[137],{473:function(t,e,a){"use strict";a.r(e);var s=a(3),n=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cartesian-axes"}},[t._v("#")]),t._v(" Cartesian Axes")]),t._v(" "),e("p",[t._v("Axes that follow a cartesian grid are known as 'Cartesian Axes'. Cartesian axes are used for line, bar, and bubble charts. Four cartesian axes are included in Chart.js by default.")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[t._v("linear")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/logarithmic.html"}},[t._v("logarithmic")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/category.html"}},[t._v("category")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[t._v("time")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/timeseries.html"}},[t._v("timeseries")])],1)]),t._v(" "),e("h2",{attrs:{id:"visual-components"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#visual-components"}},[t._v("#")]),t._v(" Visual Components")]),t._v(" "),e("p",[t._v("A cartesian axis is composed of visual components that can be individually configured. These components are:")]),t._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"#border"}},[t._v("border")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#grid-lines"}},[t._v("grid lines")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#ticks-and-tick-marks"}},[t._v("tick")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#ticks-and-tick-marks"}},[t._v("tick mark")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#title"}},[t._v("title")])])]),t._v(" "),e("h3",{attrs:{id:"border"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border"}},[t._v("#")]),t._v(" Border")]),t._v(" "),e("p",[t._v("The axis border is drawn at the edge of the axis, beside the chart area. In the image below, it is drawn in red.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n border: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"grid-lines"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grid-lines"}},[t._v("#")]),t._v(" Grid lines")]),t._v(" "),e("p",[t._v("The grid lines for an axis are drawn on the chart area. In the image below, they are red.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n grid: {\n color: 'red',\n borderColor: 'grey',\n tickColor: 'grey'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"ticks-and-tick-marks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks-and-tick-marks"}},[t._v("#")]),t._v(" Ticks and Tick Marks")]),t._v(" "),e("p",[t._v("Ticks represent data values on the axis that appear as labels. The tick mark is the extension of the grid line from the axis border to the label.\nIn this example, the tick mark is drawn in red while the tick label is drawn in blue.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n grid: {\n tickColor: 'red'\n },\n ticks: {\n color: 'blue',\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" Title")]),t._v(" "),e("p",[t._v("The title component of the axis is used to label the data. In the example below, it is shown in red.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n title: {\n color: 'red',\n display: true,\n text: 'Month'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"common-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-configuration"}},[t._v("#")]),t._v(" Common Configuration")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("These are only the common options supported by all cartesian axes. Please see the specific axis documentation for all the available options for that axis.")])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h3",{attrs:{id:"axis-position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis-position"}},[t._v("#")]),t._v(" Axis Position")]),t._v(" "),e("p",[t._v("An axis can either be positioned at the edge of the chart, at the center of the chart area, or dynamically with respect to a data value.")]),t._v(" "),e("p",[t._v("To position the axis at the edge of the chart, set the "),e("code",[t._v("position")]),t._v(" option to one of: "),e("code",[t._v("'top'")]),t._v(", "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'bottom'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".\nTo position the axis at the center of the chart area, set the "),e("code",[t._v("position")]),t._v(" option to "),e("code",[t._v("'center'")]),t._v(". In this mode, either the "),e("code",[t._v("axis")]),t._v(" option must be specified or the axis ID has to start with the letter 'x' or 'y'. This is so chart.js knows what kind of axis (horizontal or vertical) it is.\nTo position the axis with respect to a data value, set the "),e("code",[t._v("position")]),t._v(" option to an object such as:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("p",[t._v('This will position the axis at a value of -20 on the axis with ID "x". For cartesian axes, only 1 axis may be specified.')]),t._v(" "),e("h3",{attrs:{id:"scale-bounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-bounds"}},[t._v("#")]),t._v(" Scale Bounds")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("bounds")]),t._v(" property controls the scale boundary strategy (bypassed by "),e("code",[t._v("min")]),t._v("/"),e("code",[t._v("max")]),t._v(" options).")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'data'")]),t._v(": makes sure data are fully visible, labels outside are removed")]),t._v(" "),e("li",[e("code",[t._v("'ticks'")]),t._v(": makes sure ticks are fully visible, data outside are truncated")])]),t._v(" "),e("h3",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("These are only the common tick options supported by all cartesian axes. Please see specific axis documentation for all of the available options for that axis.")])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h3",{attrs:{id:"tick-alignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-alignment"}},[t._v("#")]),t._v(" Tick Alignment")]),t._v(" "),e("p",[t._v("The alignment of ticks is primarily controlled using two settings on the tick configuration object: "),e("code",[t._v("align")]),t._v(" and "),e("code",[t._v("crossAlign")]),t._v(". The "),e("code",[t._v("align")]),t._v(" setting configures how labels align with the tick mark along the axis direction (i.e. horizontal for a horizontal axis and vertical for a vertical axis). The "),e("code",[t._v("crossAlign")]),t._v(" setting configures how labels align with the tick mark in the perpendicular direction (i.e. vertical for a horizontal axis and horizontal for a vertical axis). In the example below, the "),e("code",[t._v("crossAlign")]),t._v(" setting is used to left align the labels on the Y axis.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1,\n data: [65, 59, 80, 81, 56, 55, 40],\n }]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data,\n options: {\n indexAxis: 'y',\n scales: {\n y: {\n ticks: {\n crossAlign: 'far',\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("crossAlign")]),t._v(" setting is only effective when these preconditions are met:")]),t._v(" "),e("ul",[e("li",[t._v("tick rotation is "),e("code",[t._v("0")])]),t._v(" "),e("li",[t._v("axis position is "),e("code",[t._v("'top'")]),t._v(", '"),e("code",[t._v("left'")]),t._v(", "),e("code",[t._v("'bottom'")]),t._v(" or "),e("code",[t._v("'right'")])])])]),t._v(" "),e("h3",{attrs:{id:"axis-id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis-id"}},[t._v("#")]),t._v(" Axis ID")]),t._v(" "),e("p",[t._v("The properties "),e("code",[t._v("dataset.xAxisID")]),t._v(" or "),e("code",[t._v("dataset.yAxisID")]),t._v(" have to match to "),e("code",[t._v("scales")]),t._v(" property. This is especially needed if multi-axes charts are used.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This dataset appears on the first axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'first-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This dataset appears on the second axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'second-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'first-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'second-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"creating-multiple-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#creating-multiple-axes"}},[t._v("#")]),t._v(" Creating Multiple Axes")]),t._v(" "),e("p",[t._v("With cartesian axes, it is possible to create multiple X and Y axes. To do so, you can add multiple configuration objects to the "),e("code",[t._v("xAxes")]),t._v(" and "),e("code",[t._v("yAxes")]),t._v(" properties. When adding new axes, it is important to ensure that you specify the type of the new axes as default types are "),e("strong",[t._v("not")]),t._v(" used in this case.")]),t._v(" "),e("p",[t._v("In the example below, we are creating two Y axes. We then use the "),e("code",[t._v("yAxisID")]),t._v(" property to map the datasets to their correct axes.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("75")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Left dataset'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This binds the dataset to the left y axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'left-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.1")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1.0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2.0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1.5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Right dataset'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This binds the dataset to the right y axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'right-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Jan'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Feb'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Mar'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Apr'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Jun'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'left-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'left'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'right-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'right'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[137],{467:function(t,e,a){"use strict";a.r(e);var s=a(3),n=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cartesian-axes"}},[t._v("#")]),t._v(" Cartesian Axes")]),t._v(" "),e("p",[t._v("Axes that follow a cartesian grid are known as 'Cartesian Axes'. Cartesian axes are used for line, bar, and bubble charts. Four cartesian axes are included in Chart.js by default.")]),t._v(" "),e("ul",[e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[t._v("linear")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/logarithmic.html"}},[t._v("logarithmic")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/category.html"}},[t._v("category")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[t._v("time")])],1),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/axes/cartesian/timeseries.html"}},[t._v("timeseries")])],1)]),t._v(" "),e("h2",{attrs:{id:"visual-components"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#visual-components"}},[t._v("#")]),t._v(" Visual Components")]),t._v(" "),e("p",[t._v("A cartesian axis is composed of visual components that can be individually configured. These components are:")]),t._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"#border"}},[t._v("border")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#grid-lines"}},[t._v("grid lines")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#ticks-and-tick-marks"}},[t._v("tick")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#ticks-and-tick-marks"}},[t._v("tick mark")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#title"}},[t._v("title")])])]),t._v(" "),e("h3",{attrs:{id:"border"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border"}},[t._v("#")]),t._v(" Border")]),t._v(" "),e("p",[t._v("The axis border is drawn at the edge of the axis, beside the chart area. In the image below, it is drawn in red.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n border: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"grid-lines"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grid-lines"}},[t._v("#")]),t._v(" Grid lines")]),t._v(" "),e("p",[t._v("The grid lines for an axis are drawn on the chart area. In the image below, they are red.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n grid: {\n color: 'red',\n borderColor: 'grey',\n tickColor: 'grey'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"ticks-and-tick-marks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks-and-tick-marks"}},[t._v("#")]),t._v(" Ticks and Tick Marks")]),t._v(" "),e("p",[t._v("Ticks represent data values on the axis that appear as labels. The tick mark is the extension of the grid line from the axis border to the label.\nIn this example, the tick mark is drawn in red while the tick label is drawn in blue.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n grid: {\n tickColor: 'red'\n },\n ticks: {\n color: 'blue',\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"title"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" Title")]),t._v(" "),e("p",[t._v("The title component of the axis is used to label the data. In the example below, it is shown in red.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n scales: {\n x: {\n title: {\n color: 'red',\n display: true,\n text: 'Month'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"common-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-configuration"}},[t._v("#")]),t._v(" Common Configuration")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("These are only the common options supported by all cartesian axes. Please see the specific axis documentation for all the available options for that axis.")])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h3",{attrs:{id:"axis-position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis-position"}},[t._v("#")]),t._v(" Axis Position")]),t._v(" "),e("p",[t._v("An axis can either be positioned at the edge of the chart, at the center of the chart area, or dynamically with respect to a data value.")]),t._v(" "),e("p",[t._v("To position the axis at the edge of the chart, set the "),e("code",[t._v("position")]),t._v(" option to one of: "),e("code",[t._v("'top'")]),t._v(", "),e("code",[t._v("'left'")]),t._v(", "),e("code",[t._v("'bottom'")]),t._v(", "),e("code",[t._v("'right'")]),t._v(".\nTo position the axis at the center of the chart area, set the "),e("code",[t._v("position")]),t._v(" option to "),e("code",[t._v("'center'")]),t._v(". In this mode, either the "),e("code",[t._v("axis")]),t._v(" option must be specified or the axis ID has to start with the letter 'x' or 'y'. This is so chart.js knows what kind of axis (horizontal or vertical) it is.\nTo position the axis with respect to a data value, set the "),e("code",[t._v("position")]),t._v(" option to an object such as:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("p",[t._v('This will position the axis at a value of -20 on the axis with ID "x". For cartesian axes, only 1 axis may be specified.')]),t._v(" "),e("h3",{attrs:{id:"scale-bounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-bounds"}},[t._v("#")]),t._v(" Scale Bounds")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("bounds")]),t._v(" property controls the scale boundary strategy (bypassed by "),e("code",[t._v("min")]),t._v("/"),e("code",[t._v("max")]),t._v(" options).")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'data'")]),t._v(": makes sure data are fully visible, labels outside are removed")]),t._v(" "),e("li",[e("code",[t._v("'ticks'")]),t._v(": makes sure ticks are fully visible, data outside are truncated")])]),t._v(" "),e("h3",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("These are only the common tick options supported by all cartesian axes. Please see specific axis documentation for all of the available options for that axis.")])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h3",{attrs:{id:"tick-alignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-alignment"}},[t._v("#")]),t._v(" Tick Alignment")]),t._v(" "),e("p",[t._v("The alignment of ticks is primarily controlled using two settings on the tick configuration object: "),e("code",[t._v("align")]),t._v(" and "),e("code",[t._v("crossAlign")]),t._v(". The "),e("code",[t._v("align")]),t._v(" setting configures how labels align with the tick mark along the axis direction (i.e. horizontal for a horizontal axis and vertical for a vertical axis). The "),e("code",[t._v("crossAlign")]),t._v(" setting configures how labels align with the tick mark in the perpendicular direction (i.e. vertical for a horizontal axis and horizontal for a vertical axis). In the example below, the "),e("code",[t._v("crossAlign")]),t._v(" setting is used to left align the labels on the Y axis.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1,\n data: [65, 59, 80, 81, 56, 55, 40],\n }]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data,\n options: {\n indexAxis: 'y',\n scales: {\n y: {\n ticks: {\n crossAlign: 'far',\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("crossAlign")]),t._v(" setting is only effective when these preconditions are met:")]),t._v(" "),e("ul",[e("li",[t._v("tick rotation is "),e("code",[t._v("0")])]),t._v(" "),e("li",[t._v("axis position is "),e("code",[t._v("'top'")]),t._v(", '"),e("code",[t._v("left'")]),t._v(", "),e("code",[t._v("'bottom'")]),t._v(" or "),e("code",[t._v("'right'")])])])]),t._v(" "),e("h3",{attrs:{id:"axis-id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis-id"}},[t._v("#")]),t._v(" Axis ID")]),t._v(" "),e("p",[t._v("The properties "),e("code",[t._v("dataset.xAxisID")]),t._v(" or "),e("code",[t._v("dataset.yAxisID")]),t._v(" have to match to "),e("code",[t._v("scales")]),t._v(" property. This is especially needed if multi-axes charts are used.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This dataset appears on the first axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'first-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This dataset appears on the second axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'second-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'first-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'second-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"creating-multiple-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#creating-multiple-axes"}},[t._v("#")]),t._v(" Creating Multiple Axes")]),t._v(" "),e("p",[t._v("With cartesian axes, it is possible to create multiple X and Y axes. To do so, you can add multiple configuration objects to the "),e("code",[t._v("xAxes")]),t._v(" and "),e("code",[t._v("yAxes")]),t._v(" properties. When adding new axes, it is important to ensure that you specify the type of the new axes as default types are "),e("strong",[t._v("not")]),t._v(" used in this case.")]),t._v(" "),e("p",[t._v("In the example below, we are creating two Y axes. We then use the "),e("code",[t._v("yAxisID")]),t._v(" property to map the datasets to their correct axes.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("75")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Left dataset'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This binds the dataset to the left y axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'left-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.1")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1.0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2.0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("1.5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Right dataset'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This binds the dataset to the right y axis")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'right-y-axis'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Jan'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Feb'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Mar'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Apr'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Jun'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'left-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'left'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'right-y-axis'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'right'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/138.7729face.js b/docs/master/assets/js/138.698eb6a9.js similarity index 99% rename from docs/master/assets/js/138.7729face.js rename to docs/master/assets/js/138.698eb6a9.js index 9c027e903f..1cf3b3288e 100644 --- a/docs/master/assets/js/138.7729face.js +++ b/docs/master/assets/js/138.698eb6a9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[138],{469:function(t,e,a){"use strict";a.r(e);var o=a(3),v=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"linear-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-axis"}},[t._v("#")]),t._v(" Linear Axis")]),t._v(" "),e("p",[t._v("The linear scale is used to chart numerical data. It can be placed on either the x or y-axis. The scatter chart type automatically configures a line chart to use one of these scales for the x-axis. As the name suggests, linear interpolation is used to determine where a value lies on the axis.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"linear-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-axis-specific-options"}},[t._v("#")]),t._v(" Linear Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("beginAtZero")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[t._v("if true, scale will include 0 if it is not already included.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grace")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[t._v("Percentage (string ending with "),e("code",[t._v("%")]),t._v(") or amount (number) for added room in the scale range above and below data. "),e("a",{attrs:{href:"#grace"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"linear-axis-specific-tick-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-axis-specific-tick-options"}},[t._v("#")]),t._v(" Linear Axis specific tick options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("count")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The number of ticks to generate. If specified, this overrides the automatic generation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("format")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("The "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Intl.NumberFormat")]),e("OutboundLink")],1),t._v(" options used by the default label formatter")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("precision")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("if defined and "),e("code",[t._v("stepSize")]),t._v(" is not specified, the step size will be rounded to this many decimal places.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stepSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User-defined fixed step size for the scale. "),e("a",{attrs:{href:"#step-size"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h2",{attrs:{id:"step-size"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#step-size"}},[t._v("#")]),t._v(" Step Size")]),t._v(" "),e("p",[t._v("If set, the scale ticks will be enumerated by multiple of "),e("code",[t._v("stepSize")]),t._v(", having one tick per increment. If not set, the ticks are labeled automatically using the nice numbers algorithm.")]),t._v(" "),e("p",[t._v("This example sets up a chart with a y-axis that creates ticks at "),e("code",[t._v("0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5")]),t._v(".")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("ticks")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stepSize")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"grace"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grace"}},[t._v("#")]),t._v(" Grace")]),t._v(" "),e("p",[t._v("If the value is a string ending with "),e("code",[t._v("%")]),t._v(", it's treated as a percentage. If a number, it's treated as a value.\nThe value is added to the maximum data value and subtracted from the minimum data. This extends the scale range as if the data values were that much greater.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: ['Positive', 'Negative'],\n datasets: [{\n data: [100, -50],\n backgroundColor: 'rgb(255, 99, 132)'\n }],\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n type: 'linear',\n grace: '5%'\n }\n },\n plugins: {\n legend: false\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally, the linear scale uses numeric data")])],1)}),[],!1,null,null,null);e.default=v.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[138],{470:function(t,e,a){"use strict";a.r(e);var o=a(3),v=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"linear-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-axis"}},[t._v("#")]),t._v(" Linear Axis")]),t._v(" "),e("p",[t._v("The linear scale is used to chart numerical data. It can be placed on either the x or y-axis. The scatter chart type automatically configures a line chart to use one of these scales for the x-axis. As the name suggests, linear interpolation is used to determine where a value lies on the axis.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"linear-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-axis-specific-options"}},[t._v("#")]),t._v(" Linear Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("beginAtZero")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[t._v("if true, scale will include 0 if it is not already included.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grace")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[t._v("Percentage (string ending with "),e("code",[t._v("%")]),t._v(") or amount (number) for added room in the scale range above and below data. "),e("a",{attrs:{href:"#grace"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"linear-axis-specific-tick-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-axis-specific-tick-options"}},[t._v("#")]),t._v(" Linear Axis specific tick options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("count")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The number of ticks to generate. If specified, this overrides the automatic generation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("format")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("The "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Intl.NumberFormat")]),e("OutboundLink")],1),t._v(" options used by the default label formatter")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("precision")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("if defined and "),e("code",[t._v("stepSize")]),t._v(" is not specified, the step size will be rounded to this many decimal places.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stepSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User-defined fixed step size for the scale. "),e("a",{attrs:{href:"#step-size"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h2",{attrs:{id:"step-size"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#step-size"}},[t._v("#")]),t._v(" Step Size")]),t._v(" "),e("p",[t._v("If set, the scale ticks will be enumerated by multiple of "),e("code",[t._v("stepSize")]),t._v(", having one tick per increment. If not set, the ticks are labeled automatically using the nice numbers algorithm.")]),t._v(" "),e("p",[t._v("This example sets up a chart with a y-axis that creates ticks at "),e("code",[t._v("0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5")]),t._v(".")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("ticks")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stepSize")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"grace"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grace"}},[t._v("#")]),t._v(" Grace")]),t._v(" "),e("p",[t._v("If the value is a string ending with "),e("code",[t._v("%")]),t._v(", it's treated as a percentage. If a number, it's treated as a value.\nThe value is added to the maximum data value and subtracted from the minimum data. This extends the scale range as if the data values were that much greater.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: ['Positive', 'Negative'],\n datasets: [{\n data: [100, -50],\n backgroundColor: 'rgb(255, 99, 132)'\n }],\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data,\n options: {\n scales: {\n y: {\n type: 'linear',\n grace: '5%'\n }\n },\n plugins: {\n legend: false\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally, the linear scale uses numeric data")])],1)}),[],!1,null,null,null);e.default=v.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/139.4f915967.js b/docs/master/assets/js/139.409483fb.js similarity index 99% rename from docs/master/assets/js/139.4f915967.js rename to docs/master/assets/js/139.409483fb.js index 5e6dd85e25..674eeed07e 100644 --- a/docs/master/assets/js/139.4f915967.js +++ b/docs/master/assets/js/139.409483fb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[139],{470:function(t,e,o){"use strict";o.r(e);var a=o(3),v=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"logarithmic-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmic-axis"}},[t._v("#")]),t._v(" Logarithmic Axis")]),t._v(" "),e("p",[t._v("The logarithmic scale is used to chart numerical data. It can be placed on either the x or y-axis. As the name suggests, logarithmic interpolation is used to determine where a value lies on the axis.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"logarithmic-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmic-axis-specific-options"}},[t._v("#")]),t._v(" Logarithmic Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("format")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("The "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Intl.NumberFormat")]),e("OutboundLink")],1),t._v(" options used by the default label formatter")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally, the logarithmic scale uses numeric data.")])])}),[],!1,null,null,null);e.default=v.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[139],{471:function(t,e,o){"use strict";o.r(e);var a=o(3),v=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"logarithmic-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmic-axis"}},[t._v("#")]),t._v(" Logarithmic Axis")]),t._v(" "),e("p",[t._v("The logarithmic scale is used to chart numerical data. It can be placed on either the x or y-axis. As the name suggests, logarithmic interpolation is used to determine where a value lies on the axis.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("bounds")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'ticks'")])]),t._v(" "),e("td",[t._v("Determines the scale bounds. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("position")])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Position of the axis. "),e("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Stack group. Axes at the same "),e("code",[t._v("position")]),t._v(" with same "),e("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stackWeight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("1")]),t._v(" "),e("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("axis")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Which type of axis this is. Possible values are: "),e("code",[t._v("'x'")]),t._v(", "),e("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),e("code",[t._v("'x'")]),t._v(" or "),e("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("title")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Scale title configuration. "),e("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"common-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("border")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Border configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"logarithmic-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#logarithmic-axis-specific-options"}},[t._v("#")]),t._v(" Logarithmic Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("format")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("The "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Intl.NumberFormat")]),e("OutboundLink")],1),t._v(" options used by the default label formatter")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-cartesian-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common tick options to all cartesian axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("align")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'center'")])]),t._v(" "),e("td",[t._v("The tick alignment along the axis. Can be "),e("code",[t._v("'start'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", "),e("code",[t._v("'end'")]),t._v(", or "),e("code",[t._v("'inner'")]),t._v(". "),e("code",[t._v("inner")]),t._v(" alignment means align "),e("code",[t._v("start")]),t._v(" for first tick and "),e("code",[t._v("end")]),t._v(" for the last tick of horizontal axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("crossAlign")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'near'")])]),t._v(" "),e("td",[t._v("The tick alignment perpendicular to the axis. Can be "),e("code",[t._v("'near'")]),t._v(", "),e("code",[t._v("'center'")]),t._v(", or "),e("code",[t._v("'far'")]),t._v(". See "),e("RouterLink",{attrs:{to:"/axes/cartesian/#tick-alignment"}},[t._v("Tick Alignment")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("sampleSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("ticks.length")])]),t._v(" "),e("td",[t._v("The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkip")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to "),e("code",[t._v("maxRotation")]),t._v(" before skipping any. Turn "),e("code",[t._v("autoSkip")]),t._v(" off to show all labels no matter what.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("autoSkipPadding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Padding between the ticks on the horizontal axis when "),e("code",[t._v("autoSkip")]),t._v(" is enabled.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("includeBounds")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Should the defined "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(' values be presented as ticks even if they are not "nice".')])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("labelOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). "),e("em",[t._v("Note: this can cause labels at the edges to be cropped by the edge of the canvas")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("50")])]),t._v(" "),e("td",[t._v("Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minRotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Minimum rotation for tick labels. "),e("em",[t._v("Note: Only applicable to horizontal scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("mirror")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Flips tick labels around axis, displaying the labels inside the chart instead of outside. "),e("em",[t._v("Note: Only applicable to vertical scales.")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally, the logarithmic scale uses numeric data.")])])}),[],!1,null,null,null);e.default=v.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/14.73e080de.js b/docs/master/assets/js/14.16852f0a.js similarity index 96% rename from docs/master/assets/js/14.73e080de.js rename to docs/master/assets/js/14.16852f0a.js index 62c010a0de..4c2ab4dbe8 100644 --- a/docs/master/assets/js/14.73e080de.js +++ b/docs/master/assets/js/14.16852f0a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{346:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-animations"}},[t._v("#")]),t._v(" Class: Animations")]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Animations")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("animations")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("("),e("code",[t._v("animations")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("target")]),t._v(", "),e("code",[t._v("values")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("target")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("values")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:33"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{346:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-animations"}},[t._v("#")]),t._v(" Class: Animations")]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Animations")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("animations")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("("),e("code",[t._v("animations")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("animations")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("target")]),t._v(", "),e("code",[t._v("values")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("target")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("values")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:33"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/140.e92b47bb.js b/docs/master/assets/js/140.77fb12ab.js similarity index 99% rename from docs/master/assets/js/140.e92b47bb.js rename to docs/master/assets/js/140.77fb12ab.js index 239e005a58..9981afc03e 100644 --- a/docs/master/assets/js/140.e92b47bb.js +++ b/docs/master/assets/js/140.77fb12ab.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[140],{474:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"time-cartesian-axis"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#time-cartesian-axis"}},[t._v("#")]),t._v(" Time Cartesian Axis")]),t._v(" "),a("p",[t._v("The time scale is used to display times and dates. Data are spread according to the amount of time between data points. When building its ticks, it will automatically calculate the most comfortable unit based on the size of the scale.")]),t._v(" "),a("h2",{attrs:{id:"date-adapters"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#date-adapters"}},[t._v("#")]),t._v(" Date Adapters")]),t._v(" "),a("p",[t._v("The time scale "),a("strong",[t._v("requires")]),t._v(" both a date library and a corresponding adapter to be present. Please choose from the "),a("a",{attrs:{href:"https://github.com/chartjs/awesome#adapters",target:"_blank",rel:"noopener noreferrer"}},[t._v("available adapters"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"data-sets"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-sets"}},[t._v("#")]),t._v(" Data Sets")]),t._v(" "),a("h3",{attrs:{id:"input-data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#input-data"}},[t._v("#")]),t._v(" Input Data")]),t._v(" "),a("p",[t._v("See "),a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("data structures")]),t._v(".")],1),t._v(" "),a("h3",{attrs:{id:"date-formats"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#date-formats"}},[t._v("#")]),t._v(" Date Formats")]),t._v(" "),a("p",[t._v("When providing data for the time scale, Chart.js uses timestamps defined as milliseconds since the epoch (midnight January 1, 1970, UTC) internally. However, Chart.js also supports all of the formats that your chosen date adapter accepts. You should use timestamps if you'd like to set "),a("code",[t._v("parsing: false")]),t._v(" for better performance.")]),t._v(" "),a("h2",{attrs:{id:"configuration-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),a("h3",{attrs:{id:"time-axis-specific-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#time-axis-specific-options"}},[t._v("#")]),t._v(" Time Axis specific options")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The minimum item to display. "),a("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The maximum item to display. "),a("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMin")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The minimum item to display if there is no datapoint before it. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMax")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The maximum item to display if there is no datapoint behind it. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("adapters.date")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("code",[t._v("{}")])]),t._v(" "),a("td",[t._v("Options for adapter for external date library if that adapter needs or supports options")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("bounds")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'data'")])]),t._v(" "),a("td",[t._v("Determines the scale bounds. "),a("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("offsetAfterAutoskip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If true, bar chart offsets are computed with auto skipped ticks.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("ticks.source")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'auto'")])]),t._v(" "),a("td",[t._v("How ticks are generated. "),a("a",{attrs:{href:"#ticks-source"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.displayFormats")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Sets how different time units are displayed. "),a("a",{attrs:{href:"#display-formats"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.isoWeekday")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If "),a("code",[t._v("boolean")]),t._v(" and true and the unit is set to 'week', then the first day of the week will be Monday. Otherwise, it will be Sunday. If "),a("code",[t._v("number")]),t._v(", the index of the first day of the week (0 - Sunday, 6 - Saturday)")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.parser")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Custom parser for dates. "),a("a",{attrs:{href:"#parser"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.round")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If defined, dates will be rounded to the start of this unit. See "),a("a",{attrs:{href:"#time-units"}},[t._v("Time Units")]),t._v(" below for the allowed units.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.tooltipFormat")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The format string to use for the tooltip.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.unit")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If defined, will force the unit to be a certain type. See "),a("a",{attrs:{href:"#time-units"}},[t._v("Time Units")]),t._v(" section below for details.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.minUnit")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'millisecond'")])]),t._v(" "),a("td",[t._v("The minimum display format to be used for a time unit.")])])])]),t._v(" "),a("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("bounds")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'ticks'")])]),t._v(" "),a("td",[t._v("Determines the scale bounds. "),a("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("clip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("position")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Position of the axis. "),a("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stack")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Stack group. Axes at the same "),a("code",[t._v("position")]),t._v(" with same "),a("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stackWeight")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("1")]),t._v(" "),a("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Which type of axis this is. Possible values are: "),a("code",[t._v("'x'")]),t._v(", "),a("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),a("code",[t._v("'x'")]),t._v(" or "),a("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("offset")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),a("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("title")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Scale title configuration. "),a("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),a("h3",{attrs:{id:"common-options-to-all-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("alignToPixels")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("backgroundColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Background color of the scale area.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("border")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Border configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Controls the axis global visibility (visible when "),a("code",[t._v("true")]),t._v(", hidden when "),a("code",[t._v("false")]),t._v("). When "),a("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("grid")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Grid line configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("reverse")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Reverse the scale.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stacked")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Should the data be stacked. "),a("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMax")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the maximum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMin")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the minimum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("ticks")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Tick configuration. "),a("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("weight")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),a("h4",{attrs:{id:"time-units"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#time-units"}},[t._v("#")]),t._v(" Time Units")]),t._v(" "),a("p",[t._v("The following time measurements are supported. The names can be passed as strings to the "),a("code",[t._v("time.unit")]),t._v(" config option to force a certain unit.")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'millisecond'")])]),t._v(" "),a("li",[a("code",[t._v("'second'")])]),t._v(" "),a("li",[a("code",[t._v("'minute'")])]),t._v(" "),a("li",[a("code",[t._v("'hour'")])]),t._v(" "),a("li",[a("code",[t._v("'day'")])]),t._v(" "),a("li",[a("code",[t._v("'week'")])]),t._v(" "),a("li",[a("code",[t._v("'month'")])]),t._v(" "),a("li",[a("code",[t._v("'quarter'")])]),t._v(" "),a("li",[a("code",[t._v("'year'")])])]),t._v(" "),a("p",[t._v("For example, to create a chart with a time scale that always displayed units per month, the following config could be used.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("time")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("unit")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'month'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h4",{attrs:{id:"display-formats"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#display-formats"}},[t._v("#")]),t._v(" Display Formats")]),t._v(" "),a("p",[t._v("You may specify a map of display formats with a key for each unit:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("millisecond")])]),t._v(" "),a("li",[a("code",[t._v("second")])]),t._v(" "),a("li",[a("code",[t._v("minute")])]),t._v(" "),a("li",[a("code",[t._v("hour")])]),t._v(" "),a("li",[a("code",[t._v("day")])]),t._v(" "),a("li",[a("code",[t._v("week")])]),t._v(" "),a("li",[a("code",[t._v("month")])]),t._v(" "),a("li",[a("code",[t._v("quarter")])]),t._v(" "),a("li",[a("code",[t._v("year")])])]),t._v(" "),a("p",[t._v("The format string used as a value depends on the date adapter you chose to use.")]),t._v(" "),a("p",[t._v("For example, to set the display format for the "),a("code",[t._v("quarter")]),t._v(" unit to show the month and year, the following config might be passed to the chart constructor.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("time")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("displayFormats")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("quarter")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'MMM YYYY'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h4",{attrs:{id:"ticks-source"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#ticks-source"}},[t._v("#")]),t._v(" Ticks Source")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("ticks.source")]),t._v(" property controls the ticks generation.")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'auto'")]),t._v(': generates "optimal" ticks based on scale size and time options')]),t._v(" "),a("li",[a("code",[t._v("'data'")]),t._v(": generates ticks from data (including labels from data "),a("code",[t._v("{x|y}")]),t._v(" objects)")]),t._v(" "),a("li",[a("code",[t._v("'labels'")]),t._v(": generates ticks from user given "),a("code",[t._v("labels")]),t._v(" ONLY")])]),t._v(" "),a("h4",{attrs:{id:"parser"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#parser"}},[t._v("#")]),t._v(" Parser")]),t._v(" "),a("p",[t._v("If this property is defined as a string, it is interpreted as a custom format to be used by the date adapter to parse the date.")]),t._v(" "),a("p",[t._v("If this is a function, it must return a type that can be handled by your date adapter's "),a("code",[t._v("parse")]),t._v(" method.")]),t._v(" "),a("h2",{attrs:{id:"min-max-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#min-max-configuration"}},[t._v("#")]),t._v(" Min Max Configuration")]),t._v(" "),a("p",[t._v("For both the "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(" properties, the value must be "),a("code",[t._v("string")]),t._v(" that is parsable by your date adapter or a number with the amount of milliseconds that have elapsed since UNIX epoch.\nIn the example below the x axis will start at 7 November 2021.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-06 23:39:30'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-07 01:00:28'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-07 09:00:28'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-07 00:00:00'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"changing-the-scale-type-from-time-scale-to-logarithmic-linear-scale"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#changing-the-scale-type-from-time-scale-to-logarithmic-linear-scale"}},[t._v("#")]),t._v(" Changing the scale type from Time scale to Logarithmic/Linear scale.")]),t._v(" "),a("p",[t._v("When changing the scale type from Time scale to Logarithmic/Linear scale, you need to add "),a("code",[t._v("bounds: 'ticks'")]),t._v(" to the scale options. Changing the "),a("code",[t._v("bounds")]),t._v(" parameter is necessary because its default value is the "),a("code",[t._v("'data'")]),t._v(" for the Time scale.")]),t._v(" "),a("p",[t._v("Initial config:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Scale update:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bounds")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'ticks'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"internal-data-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),a("p",[t._v("Internally time scale uses milliseconds since epoch")])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[140],{472:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"time-cartesian-axis"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#time-cartesian-axis"}},[t._v("#")]),t._v(" Time Cartesian Axis")]),t._v(" "),a("p",[t._v("The time scale is used to display times and dates. Data are spread according to the amount of time between data points. When building its ticks, it will automatically calculate the most comfortable unit based on the size of the scale.")]),t._v(" "),a("h2",{attrs:{id:"date-adapters"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#date-adapters"}},[t._v("#")]),t._v(" Date Adapters")]),t._v(" "),a("p",[t._v("The time scale "),a("strong",[t._v("requires")]),t._v(" both a date library and a corresponding adapter to be present. Please choose from the "),a("a",{attrs:{href:"https://github.com/chartjs/awesome#adapters",target:"_blank",rel:"noopener noreferrer"}},[t._v("available adapters"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"data-sets"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-sets"}},[t._v("#")]),t._v(" Data Sets")]),t._v(" "),a("h3",{attrs:{id:"input-data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#input-data"}},[t._v("#")]),t._v(" Input Data")]),t._v(" "),a("p",[t._v("See "),a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("data structures")]),t._v(".")],1),t._v(" "),a("h3",{attrs:{id:"date-formats"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#date-formats"}},[t._v("#")]),t._v(" Date Formats")]),t._v(" "),a("p",[t._v("When providing data for the time scale, Chart.js uses timestamps defined as milliseconds since the epoch (midnight January 1, 1970, UTC) internally. However, Chart.js also supports all of the formats that your chosen date adapter accepts. You should use timestamps if you'd like to set "),a("code",[t._v("parsing: false")]),t._v(" for better performance.")]),t._v(" "),a("h2",{attrs:{id:"configuration-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),a("h3",{attrs:{id:"time-axis-specific-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#time-axis-specific-options"}},[t._v("#")]),t._v(" Time Axis specific options")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The minimum item to display. "),a("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The maximum item to display. "),a("a",{attrs:{href:"#min-max-configuration"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMin")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The minimum item to display if there is no datapoint before it. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMax")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The maximum item to display if there is no datapoint behind it. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("adapters.date")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("code",[t._v("{}")])]),t._v(" "),a("td",[t._v("Options for adapter for external date library if that adapter needs or supports options")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("bounds")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'data'")])]),t._v(" "),a("td",[t._v("Determines the scale bounds. "),a("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("offsetAfterAutoskip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If true, bar chart offsets are computed with auto skipped ticks.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("ticks.source")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'auto'")])]),t._v(" "),a("td",[t._v("How ticks are generated. "),a("a",{attrs:{href:"#ticks-source"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.displayFormats")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Sets how different time units are displayed. "),a("a",{attrs:{href:"#display-formats"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.isoWeekday")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If "),a("code",[t._v("boolean")]),t._v(" and true and the unit is set to 'week', then the first day of the week will be Monday. Otherwise, it will be Sunday. If "),a("code",[t._v("number")]),t._v(", the index of the first day of the week (0 - Sunday, 6 - Saturday)")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.parser")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("function")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Custom parser for dates. "),a("a",{attrs:{href:"#parser"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.round")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If defined, dates will be rounded to the start of this unit. See "),a("a",{attrs:{href:"#time-units"}},[t._v("Time Units")]),t._v(" below for the allowed units.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.tooltipFormat")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("The format string to use for the tooltip.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.unit")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If defined, will force the unit to be a certain type. See "),a("a",{attrs:{href:"#time-units"}},[t._v("Time Units")]),t._v(" section below for details.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("time.minUnit")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'millisecond'")])]),t._v(" "),a("td",[t._v("The minimum display format to be used for a time unit.")])])])]),t._v(" "),a("h3",{attrs:{id:"common-options-to-all-cartesian-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-cartesian-axes"}},[t._v("#")]),t._v(" Common options to all cartesian axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("bounds")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'ticks'")])]),t._v(" "),a("td",[t._v("Determines the scale bounds. "),a("RouterLink",{attrs:{to:"/axes/cartesian/#scale-bounds"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("clip")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("If true, clip the dataset drawing against the size of the scale instead of chart area")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("position")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v(" | "),a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Position of the axis. "),a("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stack")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Stack group. Axes at the same "),a("code",[t._v("position")]),t._v(" with same "),a("code",[t._v("stack")]),t._v(" are stacked.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stackWeight")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[t._v("1")]),t._v(" "),a("td",[t._v("Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Which type of axis this is. Possible values are: "),a("code",[t._v("'x'")]),t._v(", "),a("code",[t._v("'y'")]),t._v(". If not set, this is inferred from the first character of the ID which should be "),a("code",[t._v("'x'")]),t._v(" or "),a("code",[t._v("'y'")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("offset")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to "),a("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("title")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Scale title configuration. "),a("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("more...")])],1)])])]),t._v(" "),a("h3",{attrs:{id:"common-options-to-all-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("alignToPixels")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("backgroundColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Background color of the scale area.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("border")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Border configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Controls the axis global visibility (visible when "),a("code",[t._v("true")]),t._v(", hidden when "),a("code",[t._v("false")]),t._v("). When "),a("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("grid")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Grid line configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("reverse")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Reverse the scale.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stacked")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Should the data be stacked. "),a("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMax")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the maximum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMin")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the minimum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("ticks")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Tick configuration. "),a("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("weight")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),a("h4",{attrs:{id:"time-units"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#time-units"}},[t._v("#")]),t._v(" Time Units")]),t._v(" "),a("p",[t._v("The following time measurements are supported. The names can be passed as strings to the "),a("code",[t._v("time.unit")]),t._v(" config option to force a certain unit.")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'millisecond'")])]),t._v(" "),a("li",[a("code",[t._v("'second'")])]),t._v(" "),a("li",[a("code",[t._v("'minute'")])]),t._v(" "),a("li",[a("code",[t._v("'hour'")])]),t._v(" "),a("li",[a("code",[t._v("'day'")])]),t._v(" "),a("li",[a("code",[t._v("'week'")])]),t._v(" "),a("li",[a("code",[t._v("'month'")])]),t._v(" "),a("li",[a("code",[t._v("'quarter'")])]),t._v(" "),a("li",[a("code",[t._v("'year'")])])]),t._v(" "),a("p",[t._v("For example, to create a chart with a time scale that always displayed units per month, the following config could be used.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("time")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("unit")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'month'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h4",{attrs:{id:"display-formats"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#display-formats"}},[t._v("#")]),t._v(" Display Formats")]),t._v(" "),a("p",[t._v("You may specify a map of display formats with a key for each unit:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("millisecond")])]),t._v(" "),a("li",[a("code",[t._v("second")])]),t._v(" "),a("li",[a("code",[t._v("minute")])]),t._v(" "),a("li",[a("code",[t._v("hour")])]),t._v(" "),a("li",[a("code",[t._v("day")])]),t._v(" "),a("li",[a("code",[t._v("week")])]),t._v(" "),a("li",[a("code",[t._v("month")])]),t._v(" "),a("li",[a("code",[t._v("quarter")])]),t._v(" "),a("li",[a("code",[t._v("year")])])]),t._v(" "),a("p",[t._v("The format string used as a value depends on the date adapter you chose to use.")]),t._v(" "),a("p",[t._v("For example, to set the display format for the "),a("code",[t._v("quarter")]),t._v(" unit to show the month and year, the following config might be passed to the chart constructor.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("time")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("displayFormats")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("quarter")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'MMM YYYY'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h4",{attrs:{id:"ticks-source"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#ticks-source"}},[t._v("#")]),t._v(" Ticks Source")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("ticks.source")]),t._v(" property controls the ticks generation.")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'auto'")]),t._v(': generates "optimal" ticks based on scale size and time options')]),t._v(" "),a("li",[a("code",[t._v("'data'")]),t._v(": generates ticks from data (including labels from data "),a("code",[t._v("{x|y}")]),t._v(" objects)")]),t._v(" "),a("li",[a("code",[t._v("'labels'")]),t._v(": generates ticks from user given "),a("code",[t._v("labels")]),t._v(" ONLY")])]),t._v(" "),a("h4",{attrs:{id:"parser"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#parser"}},[t._v("#")]),t._v(" Parser")]),t._v(" "),a("p",[t._v("If this property is defined as a string, it is interpreted as a custom format to be used by the date adapter to parse the date.")]),t._v(" "),a("p",[t._v("If this is a function, it must return a type that can be handled by your date adapter's "),a("code",[t._v("parse")]),t._v(" method.")]),t._v(" "),a("h2",{attrs:{id:"min-max-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#min-max-configuration"}},[t._v("#")]),t._v(" Min Max Configuration")]),t._v(" "),a("p",[t._v("For both the "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(" properties, the value must be "),a("code",[t._v("string")]),t._v(" that is parsable by your date adapter or a number with the amount of milliseconds that have elapsed since UNIX epoch.\nIn the example below the x axis will start at 7 November 2021.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-06 23:39:30'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-07 01:00:28'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-07 09:00:28'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2021-11-07 00:00:00'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"changing-the-scale-type-from-time-scale-to-logarithmic-linear-scale"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#changing-the-scale-type-from-time-scale-to-logarithmic-linear-scale"}},[t._v("#")]),t._v(" Changing the scale type from Time scale to Logarithmic/Linear scale.")]),t._v(" "),a("p",[t._v("When changing the scale type from Time scale to Logarithmic/Linear scale, you need to add "),a("code",[t._v("bounds: 'ticks'")]),t._v(" to the scale options. Changing the "),a("code",[t._v("bounds")]),t._v(" parameter is necessary because its default value is the "),a("code",[t._v("'data'")]),t._v(" for the Time scale.")]),t._v(" "),a("p",[t._v("Initial config:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Scale update:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bounds")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'ticks'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"internal-data-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),a("p",[t._v("Internally time scale uses milliseconds since epoch")])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/141.7286da74.js b/docs/master/assets/js/141.809e6040.js similarity index 98% rename from docs/master/assets/js/141.7286da74.js rename to docs/master/assets/js/141.809e6040.js index 9072c9d641..d35a60516b 100644 --- a/docs/master/assets/js/141.7286da74.js +++ b/docs/master/assets/js/141.809e6040.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[141],{471:function(t,s,a){"use strict";a.r(s);var e=a(3),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"time-series-axis"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#time-series-axis"}},[t._v("#")]),t._v(" Time Series Axis")]),t._v(" "),s("p",[t._v("The time series scale extends from the time scale and supports all the same options. However, for the time series scale, each data point is spread equidistant.")]),t._v(" "),s("h2",{attrs:{id:"example"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'timeseries'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"more-details"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#more-details"}},[t._v("#")]),t._v(" More details")]),t._v(" "),s("p",[t._v("Please see "),s("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[t._v("the time scale documentation")]),t._v(" for all other details.")],1)])}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[141],{473:function(t,s,a){"use strict";a.r(s);var e=a(3),r=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"time-series-axis"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#time-series-axis"}},[t._v("#")]),t._v(" Time Series Axis")]),t._v(" "),s("p",[t._v("The time series scale extends from the time scale and supports all the same options. However, for the time series scale, each data point is spread equidistant.")]),t._v(" "),s("h2",{attrs:{id:"example"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'timeseries'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"more-details"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#more-details"}},[t._v("#")]),t._v(" More details")]),t._v(" "),s("p",[t._v("Please see "),s("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[t._v("the time scale documentation")]),t._v(" for all other details.")],1)])}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/142.9a49d7cb.js b/docs/master/assets/js/142.20dec656.js similarity index 99% rename from docs/master/assets/js/142.9a49d7cb.js rename to docs/master/assets/js/142.20dec656.js index 7cb9dc72a6..ba2f1e9916 100644 --- a/docs/master/assets/js/142.9a49d7cb.js +++ b/docs/master/assets/js/142.20dec656.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[142],{472:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#axes"}},[t._v("#")]),t._v(" Axes")]),t._v(" "),a("p",[t._v("Axes are an integral part of a chart. They are used to determine how data maps to a pixel value on the chart. In a cartesian chart, there is 1 or more X-axis and 1 or more Y-axis to map points onto the 2-dimensional canvas. These axes are known as "),a("RouterLink",{attrs:{to:"/axes/cartesian/"}},[t._v("'cartesian axes'")]),t._v(".")],1),t._v(" "),a("p",[t._v("In a radial chart, such as a radar chart or a polar area chart, there is a single axis that maps points in the angular and radial directions. These are known as "),a("RouterLink",{attrs:{to:"/axes/radial/"}},[t._v("'radial axes'")]),t._v(".")],1),t._v(" "),a("p",[t._v("Scales in Chart.js >v2.0 are significantly more powerful, but also different from those of v1.0.")]),t._v(" "),a("ul",[a("li",[t._v("Multiple X & Y axes are supported.")]),t._v(" "),a("li",[t._v("A built-in label auto-skip feature detects would-be overlapping ticks and labels and removes every nth label to keep things displayed normally.")]),t._v(" "),a("li",[t._v("Scale titles are supported.")]),t._v(" "),a("li",[t._v("New scale types can be extended without writing an entirely new chart type.")])]),t._v(" "),a("h2",{attrs:{id:"default-scales"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-scales"}},[t._v("#")]),t._v(" Default scales")]),t._v(" "),a("p",[t._v("The default "),a("code",[t._v("scaleId")]),t._v("'s for cartesian charts are "),a("code",[t._v("'x'")]),t._v(" and "),a("code",[t._v("'y'")]),t._v(". For radial charts: "),a("code",[t._v("'r'")]),t._v(".\nEach dataset is mapped to a scale for each axis (x, y or r) it requires. The scaleId's that a dataset is mapped to is determined by the "),a("code",[t._v("xAxisID")]),t._v(", "),a("code",[t._v("yAxisID")]),t._v(" or "),a("code",[t._v("rAxisID")]),t._v(".\nIf the ID for an axis is not specified, the first scale for that axis is used. If no scale for an axis is found, a new scale is created.")]),t._v(" "),a("p",[t._v("Some examples:")]),t._v(" "),a("p",[t._v("The following chart will have "),a("code",[t._v("'x'")]),t._v(" and "),a("code",[t._v("'y'")]),t._v(" scales:")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have scales "),a("code",[t._v("'x'")]),t._v(" and "),a("code",[t._v("'myScale'")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("myScale")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'right'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// `axis` is determined by the position as `'y'`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have scales "),a("code",[t._v("'xAxis'")]),t._v(" and "),a("code",[t._v("'yAxis'")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'yAxis'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xAxis")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The axis for this scale is determined from the first letter of the id as `'x'`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// It is recommended to specify `position` and / or `axis` explicitly.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have "),a("code",[t._v("'r'")]),t._v(" scale:")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have "),a("code",[t._v("'myScale'")]),t._v(" scale:")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("myScale")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("axis")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'r'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"common-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-configuration"}},[t._v("#")]),t._v(" Common Configuration")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("These are only the common options supported by all axes. Please see specific axis documentation for all the available options for that axis.")])]),t._v(" "),a("h3",{attrs:{id:"common-options-to-all-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("alignToPixels")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("backgroundColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Background color of the scale area.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("border")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Border configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Controls the axis global visibility (visible when "),a("code",[t._v("true")]),t._v(", hidden when "),a("code",[t._v("false")]),t._v("). When "),a("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("grid")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Grid line configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("reverse")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Reverse the scale.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stacked")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Should the data be stacked. "),a("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMax")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the maximum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMin")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the minimum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("ticks")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Tick configuration. "),a("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("weight")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),a("h2",{attrs:{id:"tick-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("These are only the common tick options supported by all axes. Please see specific axis documentation for all the available tick options for that axis.")])]),t._v(" "),a("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("backdropColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),a("td",[t._v("Color of label backdrops.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("backdropPadding")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/padding.html"}},[a("code",[t._v("Padding")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("2")])]),t._v(" "),a("td",[t._v("Padding of label backdrop.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("callback")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),a("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("If true, show tick labels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("color")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("Chart.defaults.color")])]),t._v(" "),a("td",[t._v("Color of ticks.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("font")])]),t._v(" "),a("td",[a("code",[t._v("Font")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("Chart.defaults.font")])]),t._v(" "),a("td",[t._v("See "),a("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("major")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("{}")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("padding")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("3")])]),t._v(" "),a("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("showLabelBackdrop")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" for radial scale, "),a("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),a("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textStrokeColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("``")]),t._v(" "),a("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textStrokeWidth")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("Stroke width around the text.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("z")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),a("h2",{attrs:{id:"axis-range-settings"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#axis-range-settings"}},[t._v("#")]),t._v(" Axis Range Settings")]),t._v(" "),a("p",[t._v("Given the number of axis range settings, it is important to understand how they all interact with each other.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("suggestedMax")]),t._v(" and "),a("code",[t._v("suggestedMin")]),t._v(" settings only change the data values that are used to scale the axis. These are useful for extending the range of the axis while maintaining the auto-fit behaviour.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" minDataValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostNegativeValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" maxDataValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostPositiveValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMax"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("In this example, the largest positive value is 50, but the data maximum is expanded out to 100. However, because the lowest data value is below the "),a("code",[t._v("suggestedMin")]),t._v(" setting, it is ignored.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'First dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMin")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("In contrast to the "),a("code",[t._v("suggested*")]),t._v(" settings, the "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(" settings set explicit ends to the axes. When these are set, some data points may not be visible.")]),t._v(" "),a("h2",{attrs:{id:"stacking"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stacking"}},[t._v("#")]),t._v(" Stacking")]),t._v(" "),a("p",[t._v("By default, data is not stacked. If the "),a("code",[t._v("stacked")]),t._v(" option of the value scale (y-axis on horizontal chart) is "),a("code",[t._v("true")]),t._v(", positive and negative values are stacked separately. Additionally, a "),a("code",[t._v("stack")]),t._v(" option can be defined per dataset to further divide into stack groups "),a("RouterLink",{attrs:{to:"/general/data-structures/#dataset-configuration"}},[t._v("more...")]),t._v(".\nFor some charts, you might want to stack positive and negative values together. That can be achieved by specifying "),a("code",[t._v("stacked: 'single'")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"callbacks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#callbacks"}},[t._v("#")]),t._v(" Callbacks")]),t._v(" "),a("p",[t._v("There are a number of config callbacks that can be used to change parameters in the scale at different points in the update process. The options are supplied at the top level of the axis options.")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Arguments")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("beforeUpdate")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback called before the update process starts.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeSetDimensions")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before dimensions are set.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterSetDimensions")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after dimensions are set.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeDataLimits")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before data limits are determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterDataLimits")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after data limits are determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeBuildTicks")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before ticks are created.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterBuildTicks")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after ticks are created. Useful for filtering ticks.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeTickToLabelConversion")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before ticks are converted into strings.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterTickToLabelConversion")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after ticks are converted into strings.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeCalculateLabelRotation")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before tick rotation is determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterCalculateLabelRotation")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after tick rotation is determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeFit")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before the scale fits to the canvas.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterFit")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after the scale fits to the canvas.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterUpdate")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs at the end of the update process.")])])])]),t._v(" "),a("h3",{attrs:{id:"updating-axis-defaults"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#updating-axis-defaults"}},[t._v("#")]),t._v(" Updating Axis Defaults")]),t._v(" "),a("p",[t._v("The default configuration for a scale can be easily changed. All you need to do is set the new options to "),a("code",[t._v("Chart.defaults.scales[type]")]),t._v(".")]),t._v(" "),a("p",[t._v("For example, to set the minimum value of 0 for all linear scales, you would do the following. Any linear scales created after this time would now have a minimum of 0.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("linear"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"creating-new-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#creating-new-axes"}},[t._v("#")]),t._v(" Creating New Axes")]),t._v(" "),a("p",[t._v("To create a new axis, see the "),a("RouterLink",{attrs:{to:"/developers/axes.html"}},[t._v("developer docs")]),t._v(".")],1)])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[142],{474:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#axes"}},[t._v("#")]),t._v(" Axes")]),t._v(" "),a("p",[t._v("Axes are an integral part of a chart. They are used to determine how data maps to a pixel value on the chart. In a cartesian chart, there is 1 or more X-axis and 1 or more Y-axis to map points onto the 2-dimensional canvas. These axes are known as "),a("RouterLink",{attrs:{to:"/axes/cartesian/"}},[t._v("'cartesian axes'")]),t._v(".")],1),t._v(" "),a("p",[t._v("In a radial chart, such as a radar chart or a polar area chart, there is a single axis that maps points in the angular and radial directions. These are known as "),a("RouterLink",{attrs:{to:"/axes/radial/"}},[t._v("'radial axes'")]),t._v(".")],1),t._v(" "),a("p",[t._v("Scales in Chart.js >v2.0 are significantly more powerful, but also different from those of v1.0.")]),t._v(" "),a("ul",[a("li",[t._v("Multiple X & Y axes are supported.")]),t._v(" "),a("li",[t._v("A built-in label auto-skip feature detects would-be overlapping ticks and labels and removes every nth label to keep things displayed normally.")]),t._v(" "),a("li",[t._v("Scale titles are supported.")]),t._v(" "),a("li",[t._v("New scale types can be extended without writing an entirely new chart type.")])]),t._v(" "),a("h2",{attrs:{id:"default-scales"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-scales"}},[t._v("#")]),t._v(" Default scales")]),t._v(" "),a("p",[t._v("The default "),a("code",[t._v("scaleId")]),t._v("'s for cartesian charts are "),a("code",[t._v("'x'")]),t._v(" and "),a("code",[t._v("'y'")]),t._v(". For radial charts: "),a("code",[t._v("'r'")]),t._v(".\nEach dataset is mapped to a scale for each axis (x, y or r) it requires. The scaleId's that a dataset is mapped to is determined by the "),a("code",[t._v("xAxisID")]),t._v(", "),a("code",[t._v("yAxisID")]),t._v(" or "),a("code",[t._v("rAxisID")]),t._v(".\nIf the ID for an axis is not specified, the first scale for that axis is used. If no scale for an axis is found, a new scale is created.")]),t._v(" "),a("p",[t._v("Some examples:")]),t._v(" "),a("p",[t._v("The following chart will have "),a("code",[t._v("'x'")]),t._v(" and "),a("code",[t._v("'y'")]),t._v(" scales:")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have scales "),a("code",[t._v("'x'")]),t._v(" and "),a("code",[t._v("'myScale'")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("3")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("myScale")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'right'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// `axis` is determined by the position as `'y'`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have scales "),a("code",[t._v("'xAxis'")]),t._v(" and "),a("code",[t._v("'yAxis'")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAxisID")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'yAxis'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xAxis")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The axis for this scale is determined from the first letter of the id as `'x'`")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// It is recommended to specify `position` and / or `axis` explicitly.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have "),a("code",[t._v("'r'")]),t._v(" scale:")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("The following chart will have "),a("code",[t._v("'myScale'")]),t._v(" scale:")]),t._v(" "),a("div",{staticClass:"language-js extra-class"},[a("pre",{pre:!0,attrs:{class:"language-js"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("myScale")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("axis")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'r'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"common-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-configuration"}},[t._v("#")]),t._v(" Common Configuration")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("These are only the common options supported by all axes. Please see specific axis documentation for all the available options for that axis.")])]),t._v(" "),a("h3",{attrs:{id:"common-options-to-all-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-options-to-all-axes"}},[t._v("#")]),t._v(" Common options to all axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("alignToPixels")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("backgroundColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Background color of the scale area.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("border")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Border configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#border-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Controls the axis global visibility (visible when "),a("code",[t._v("true")]),t._v(", hidden when "),a("code",[t._v("false")]),t._v("). When "),a("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("grid")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Grid line configuration. "),a("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("min")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("max")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("reverse")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Reverse the scale.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("stacked")])]),t._v(" "),a("td",[a("code",[t._v("boolean")]),t._v("|"),a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",[t._v("Should the data be stacked. "),a("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMax")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the maximum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("suggestedMin")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Adjustment used when calculating the minimum data value. "),a("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("ticks")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Tick configuration. "),a("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("weight")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),a("h2",{attrs:{id:"tick-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("These are only the common tick options supported by all axes. Please see specific axis documentation for all the available tick options for that axis.")])]),t._v(" "),a("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("backdropColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),a("td",[t._v("Color of label backdrops.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("backdropPadding")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/padding.html"}},[a("code",[t._v("Padding")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("2")])]),t._v(" "),a("td",[t._v("Padding of label backdrop.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("callback")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td"),t._v(" "),a("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),a("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("If true, show tick labels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("color")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("Chart.defaults.color")])]),t._v(" "),a("td",[t._v("Color of ticks.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("font")])]),t._v(" "),a("td",[a("code",[t._v("Font")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("Chart.defaults.font")])]),t._v(" "),a("td",[t._v("See "),a("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("major")])]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("{}")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("padding")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("3")])]),t._v(" "),a("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("showLabelBackdrop")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("true")]),t._v(" for radial scale, "),a("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),a("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textStrokeColor")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("``")]),t._v(" "),a("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("textStrokeWidth")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("Stroke width around the text.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("z")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),a("h2",{attrs:{id:"axis-range-settings"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#axis-range-settings"}},[t._v("#")]),t._v(" Axis Range Settings")]),t._v(" "),a("p",[t._v("Given the number of axis range settings, it is important to understand how they all interact with each other.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("suggestedMax")]),t._v(" and "),a("code",[t._v("suggestedMin")]),t._v(" settings only change the data values that are used to scale the axis. These are useful for extending the range of the axis while maintaining the auto-fit behaviour.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" minDataValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostNegativeValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMin"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" maxDataValue "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostPositiveValue"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMax"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("In this example, the largest positive value is 50, but the data maximum is expanded out to 100. However, because the lowest data value is below the "),a("code",[t._v("suggestedMin")]),t._v(" setting, it is ignored.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'First dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMin")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMax")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("In contrast to the "),a("code",[t._v("suggested*")]),t._v(" settings, the "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(" settings set explicit ends to the axes. When these are set, some data points may not be visible.")]),t._v(" "),a("h2",{attrs:{id:"stacking"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stacking"}},[t._v("#")]),t._v(" Stacking")]),t._v(" "),a("p",[t._v("By default, data is not stacked. If the "),a("code",[t._v("stacked")]),t._v(" option of the value scale (y-axis on horizontal chart) is "),a("code",[t._v("true")]),t._v(", positive and negative values are stacked separately. Additionally, a "),a("code",[t._v("stack")]),t._v(" option can be defined per dataset to further divide into stack groups "),a("RouterLink",{attrs:{to:"/general/data-structures/#dataset-configuration"}},[t._v("more...")]),t._v(".\nFor some charts, you might want to stack positive and negative values together. That can be achieved by specifying "),a("code",[t._v("stacked: 'single'")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"callbacks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#callbacks"}},[t._v("#")]),t._v(" Callbacks")]),t._v(" "),a("p",[t._v("There are a number of config callbacks that can be used to change parameters in the scale at different points in the update process. The options are supplied at the top level of the axis options.")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.scales[scaleId]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Arguments")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("beforeUpdate")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback called before the update process starts.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeSetDimensions")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before dimensions are set.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterSetDimensions")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after dimensions are set.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeDataLimits")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before data limits are determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterDataLimits")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after data limits are determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeBuildTicks")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before ticks are created.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterBuildTicks")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after ticks are created. Useful for filtering ticks.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeTickToLabelConversion")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before ticks are converted into strings.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterTickToLabelConversion")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after ticks are converted into strings.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeCalculateLabelRotation")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before tick rotation is determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterCalculateLabelRotation")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after tick rotation is determined.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("beforeFit")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs before the scale fits to the canvas.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterFit")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs after the scale fits to the canvas.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("afterUpdate")])]),t._v(" "),a("td",[a("code",[t._v("axis")])]),t._v(" "),a("td",[t._v("Callback that runs at the end of the update process.")])])])]),t._v(" "),a("h3",{attrs:{id:"updating-axis-defaults"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#updating-axis-defaults"}},[t._v("#")]),t._v(" Updating Axis Defaults")]),t._v(" "),a("p",[t._v("The default configuration for a scale can be easily changed. All you need to do is set the new options to "),a("code",[t._v("Chart.defaults.scales[type]")]),t._v(".")]),t._v(" "),a("p",[t._v("For example, to set the minimum value of 0 for all linear scales, you would do the following. Any linear scales created after this time would now have a minimum of 0.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("linear"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"creating-new-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#creating-new-axes"}},[t._v("#")]),t._v(" Creating New Axes")]),t._v(" "),a("p",[t._v("To create a new axis, see the "),a("RouterLink",{attrs:{to:"/developers/axes.html"}},[t._v("developer docs")]),t._v(".")],1)])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/144.2cd7b7d4.js b/docs/master/assets/js/144.002acfcc.js similarity index 98% rename from docs/master/assets/js/144.2cd7b7d4.js rename to docs/master/assets/js/144.002acfcc.js index 322bdd11d3..b91a68f1e8 100644 --- a/docs/master/assets/js/144.2cd7b7d4.js +++ b/docs/master/assets/js/144.002acfcc.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[144],{476:function(n,a,e){"use strict";e.r(a);var t=e(3),s=Object(t.a)({},(function(){var n=this,a=n._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[a("h1",{attrs:{id:"radial-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#radial-axes"}},[n._v("#")]),n._v(" Radial Axes")]),n._v(" "),a("p",[n._v("Radial axes are used specifically for the radar and polar area chart types. These axes overlay the chart area, rather than being positioned on one of the edges. One radial axis is included by default in Chart.js.")]),n._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[n._v("radialLinear")])],1)]),n._v(" "),a("h2",{attrs:{id:"visual-components"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#visual-components"}},[n._v("#")]),n._v(" Visual Components")]),n._v(" "),a("p",[n._v("A radial axis is composed of visual components that can be individually configured. These components are:")]),n._v(" "),a("ul",[a("li",[a("a",{attrs:{href:"#angle-lines"}},[n._v("angle lines")])]),n._v(" "),a("li",[a("a",{attrs:{href:"#grid-lines"}},[n._v("grid lines")])]),n._v(" "),a("li",[a("a",{attrs:{href:"#point-labels"}},[n._v("point labels")])]),n._v(" "),a("li",[a("a",{attrs:{href:"#ticks"}},[n._v("ticks")])])]),n._v(" "),a("h3",{attrs:{id:"angle-lines"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#angle-lines"}},[n._v("#")]),n._v(" Angle Lines")]),n._v(" "),a("p",[n._v("The grid lines for an axis are drawn on the chart area. They stretch out from the center towards the edge of the canvas. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n angleLines: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h3",{attrs:{id:"grid-lines"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#grid-lines"}},[n._v("#")]),n._v(" Grid Lines")]),n._v(" "),a("p",[n._v("The grid lines for an axis are drawn on the chart area. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n grid: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h3",{attrs:{id:"point-labels"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#point-labels"}},[n._v("#")]),n._v(" Point Labels")]),n._v(" "),a("p",[n._v("The point labels indicate the value for each angle line. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n pointLabels: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h3",{attrs:{id:"ticks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[n._v("#")]),n._v(" Ticks")]),n._v(" "),a("p",[n._v("The ticks are used to label values based on how far they are from the center of the axis. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n ticks: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[144],{477:function(n,a,e){"use strict";e.r(a);var t=e(3),s=Object(t.a)({},(function(){var n=this,a=n._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[a("h1",{attrs:{id:"radial-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#radial-axes"}},[n._v("#")]),n._v(" Radial Axes")]),n._v(" "),a("p",[n._v("Radial axes are used specifically for the radar and polar area chart types. These axes overlay the chart area, rather than being positioned on one of the edges. One radial axis is included by default in Chart.js.")]),n._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[n._v("radialLinear")])],1)]),n._v(" "),a("h2",{attrs:{id:"visual-components"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#visual-components"}},[n._v("#")]),n._v(" Visual Components")]),n._v(" "),a("p",[n._v("A radial axis is composed of visual components that can be individually configured. These components are:")]),n._v(" "),a("ul",[a("li",[a("a",{attrs:{href:"#angle-lines"}},[n._v("angle lines")])]),n._v(" "),a("li",[a("a",{attrs:{href:"#grid-lines"}},[n._v("grid lines")])]),n._v(" "),a("li",[a("a",{attrs:{href:"#point-labels"}},[n._v("point labels")])]),n._v(" "),a("li",[a("a",{attrs:{href:"#ticks"}},[n._v("ticks")])])]),n._v(" "),a("h3",{attrs:{id:"angle-lines"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#angle-lines"}},[n._v("#")]),n._v(" Angle Lines")]),n._v(" "),a("p",[n._v("The grid lines for an axis are drawn on the chart area. They stretch out from the center towards the edge of the canvas. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n angleLines: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h3",{attrs:{id:"grid-lines"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#grid-lines"}},[n._v("#")]),n._v(" Grid Lines")]),n._v(" "),a("p",[n._v("The grid lines for an axis are drawn on the chart area. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n grid: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h3",{attrs:{id:"point-labels"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#point-labels"}},[n._v("#")]),n._v(" Point Labels")]),n._v(" "),a("p",[n._v("The point labels indicate the value for each angle line. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n pointLabels: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h3",{attrs:{id:"ticks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[n._v("#")]),n._v(" Ticks")]),n._v(" "),a("p",[n._v("The ticks are used to label values based on how far they are from the center of the axis. In the example below, they are red.")]),n._v(" "),a("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First dataset',\n backgroundColor: 'rgba(54, 162, 235, 0.5)',\n borderColor: 'rgb(54, 162, 235)',\n borderWidth: 1,\n data: [10, 20, 30, 40, 50, 0, 5],\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data,\n options: {\n scales: {\n r: {\n ticks: {\n color: 'red'\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/145.f62ab293.js b/docs/master/assets/js/145.82d0a865.js similarity index 99% rename from docs/master/assets/js/145.f62ab293.js rename to docs/master/assets/js/145.82d0a865.js index 63bee6fac4..c8d0418287 100644 --- a/docs/master/assets/js/145.f62ab293.js +++ b/docs/master/assets/js/145.82d0a865.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[145],{477:function(t,e,a){"use strict";a.r(e);var s=a(3),r=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"linear-radial-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-radial-axis"}},[t._v("#")]),t._v(" Linear Radial Axis")]),t._v(" "),e("p",[t._v("The linear radial scale is used to chart numerical data. As the name suggests, linear interpolation is used to determine where a value lies in relation to the center of the axis.")]),t._v(" "),e("p",[t._v("The following additional configuration options are provided by the radial linear scale.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"linear-radial-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-radial-axis-specific-options"}},[t._v("#")]),t._v(" Linear Radial Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("animate")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Whether to animate scaling the chart from the centre")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("angleLines")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Angle line configuration. "),e("a",{attrs:{href:"#angle-line-options"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("beginAtZero")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, scale will include 0 if it is not already included.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointLabels")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Point label configuration. "),e("a",{attrs:{href:"#point-label-options"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("startAngle")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Starting angle of the scale. In degrees, 0 is at top.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-for-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-for-all-axes"}},[t._v("#")]),t._v(" Common options for all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("a",{attrs:{href:"#grid-line-configuration"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"linear-radial-axis-specific-tick-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-radial-axis-specific-tick-options"}},[t._v("#")]),t._v(" Linear Radial Axis specific tick options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("count")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The number of ticks to generate. If specified, this overrides the automatic generation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("format")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("The "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Intl.NumberFormat")]),e("OutboundLink")],1),t._v(" options used by the default label formatter")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("precision")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("If defined and "),e("code",[t._v("stepSize")]),t._v(" is not specified, the step size will be rounded to this many decimal places.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stepSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined fixed step size for the scale. "),e("a",{attrs:{href:"#step-size"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"grid-line-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grid-line-configuration"}},[t._v("#")]),t._v(" Grid Line Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].grid")]),t._v(", it defines options for the grid lines of the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Indexable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes on grid lines. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0.0")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("circular")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, gridlines are circular (on radar and polar area charts only).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line, and so on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If false, do not display grid lines for this axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("lineWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of grid lines.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/axes/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"axis-range-settings"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis-range-settings"}},[t._v("#")]),t._v(" Axis Range Settings")]),t._v(" "),e("p",[t._v("Given the number of axis range settings, it is important to understand how they all interact with each other.")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("suggestedMax")]),t._v(" and "),e("code",[t._v("suggestedMin")]),t._v(" settings only change the data values that are used to scale the axis. These are useful for extending the range of the axis while maintaining the auto-fit behaviour.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" minDataValue "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostNegativeValue"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ticks"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMin"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" maxDataValue "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostPositiveValue"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ticks"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMax"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("p",[t._v("In this example, the largest positive value is 50, but the data maximum is expanded out to 100. However, because the lowest data value is below the "),e("code",[t._v("suggestedMin")]),t._v(" setting, it is ignored.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'First dataset'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMin")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMax")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("p",[t._v("In contrast to the "),e("code",[t._v("suggested*")]),t._v(" settings, the "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(" settings set explicit ends to the axes. When these are set, some data points may not be visible.")]),t._v(" "),e("h2",{attrs:{id:"step-size"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#step-size"}},[t._v("#")]),t._v(" Step Size")]),t._v(" "),e("p",[t._v("If set, the scale ticks will be enumerated by multiple of "),e("code",[t._v("stepSize")]),t._v(", having one tick per increment. If not set, the ticks are labeled automatically using the nice numbers algorithm.")]),t._v(" "),e("p",[t._v("This example sets up a chart with a y axis that creates ticks at "),e("code",[t._v("0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5")]),t._v(".")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("ticks")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stepSize")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"angle-line-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#angle-line-options"}},[t._v("#")]),t._v(" Angle Line Options")]),t._v(" "),e("p",[t._v("The following options are used to configure angled lines that radiate from the center of the chart to the point labels.\nNamespace: "),e("code",[t._v("options.scales[scaleId].angleLines")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, angle lines are shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("Color of angled lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("lineWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Width of angled lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",[t._v("Yes"),e("sup",[t._v("1")])]),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes on angled lines. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0.0")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("ol",[e("li",[t._v("the "),e("code",[t._v("borderDash")]),t._v(" setting only accepts a static value or a function. Passing an array of arrays is not supported.")])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#pointLabel"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"point-label-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-label-options"}},[t._v("#")]),t._v(" Point Label Options")]),t._v(" "),e("p",[t._v("The following options are used to configure the point labels that are shown on the perimeter of the scale.\nNamespace: "),e("code",[t._v("options.scales[scaleId].pointLabels")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Background color of the point label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderRadius")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Border radius of the point label")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, point labels are shown. When "),e("code",[t._v("display: 'auto'")]),t._v(", the label is hidden if it overlaps with another label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td"),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Callback function to transform data labels to point labels. The default implementation simply returns the current string.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[t._v("5")]),t._v(" "),e("td",[t._v("Padding between chart and point labels.")])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/samples/other-charts/polar-area-center-labels.html"}},[e("code",[t._v("centerPointLabels")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, point labels are centered.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#pointLabel"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally, the linear radial scale uses numeric data")])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[145],{476:function(t,e,a){"use strict";a.r(e);var s=a(3),r=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"linear-radial-axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-radial-axis"}},[t._v("#")]),t._v(" Linear Radial Axis")]),t._v(" "),e("p",[t._v("The linear radial scale is used to chart numerical data. As the name suggests, linear interpolation is used to determine where a value lies in relation to the center of the axis.")]),t._v(" "),e("p",[t._v("The following additional configuration options are provided by the radial linear scale.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("h3",{attrs:{id:"linear-radial-axis-specific-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-radial-axis-specific-options"}},[t._v("#")]),t._v(" Linear Radial Axis specific options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("animate")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Whether to animate scaling the chart from the centre")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("angleLines")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Angle line configuration. "),e("a",{attrs:{href:"#angle-line-options"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("beginAtZero")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, scale will include 0 if it is not already included.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointLabels")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Point label configuration. "),e("a",{attrs:{href:"#point-label-options"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("startAngle")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Starting angle of the scale. In degrees, 0 is at top.")])])])]),t._v(" "),e("h3",{attrs:{id:"common-options-for-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-options-for-all-axes"}},[t._v("#")]),t._v(" Common options for all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId]")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("type")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("alignToPixels")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Align pixel values to device pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Background color of the scale area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("Controls the axis global visibility (visible when "),e("code",[t._v("true")]),t._v(", hidden when "),e("code",[t._v("false")]),t._v("). When "),e("code",[t._v("display: 'auto'")]),t._v(", the axis is visible only if at least one associated dataset is visible.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Grid line configuration. "),e("a",{attrs:{href:"#grid-line-configuration"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("min")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined minimum number for the scale, overrides minimum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("max")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined maximum number for the scale, overrides maximum value from data. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("reverse")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Reverse the scale.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stacked")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Should the data be stacked. "),e("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMax")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the maximum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("suggestedMin")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Adjustment used when calculating the minimum data value. "),e("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("ticks")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Tick configuration. "),e("RouterLink",{attrs:{to:"/axes/#tick-configuration"}},[t._v("more...")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("The weight used to sort the axis. Higher weights are further away from the chart area.")])])])]),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"linear-radial-axis-specific-tick-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linear-radial-axis-specific-tick-options"}},[t._v("#")]),t._v(" Linear Radial Axis specific tick options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("count")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("The number of ticks to generate. If specified, this overrides the automatic generation.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("format")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("The "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e("code",[t._v("Intl.NumberFormat")]),e("OutboundLink")],1),t._v(" options used by the default label formatter")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("maxTicksLimit")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("11")])]),t._v(" "),e("td",[t._v("Maximum number of ticks and gridlines to show.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("precision")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("If defined and "),e("code",[t._v("stepSize")]),t._v(" is not specified, the step size will be rounded to this many decimal places.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stepSize")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("User defined fixed step size for the scale. "),e("a",{attrs:{href:"#step-size"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"grid-line-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grid-line-configuration"}},[t._v("#")]),t._v(" Grid Line Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].grid")]),t._v(", it defines options for the grid lines of the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Indexable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes on grid lines. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0.0")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("circular")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, gridlines are circular (on radar and polar area charts only).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line, and so on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If false, do not display grid lines for this axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("lineWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of grid lines.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/axes/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"axis-range-settings"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis-range-settings"}},[t._v("#")]),t._v(" Axis Range Settings")]),t._v(" "),e("p",[t._v("Given the number of axis range settings, it is important to understand how they all interact with each other.")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("suggestedMax")]),t._v(" and "),e("code",[t._v("suggestedMin")]),t._v(" settings only change the data values that are used to scale the axis. These are useful for extending the range of the axis while maintaining the auto-fit behaviour.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" minDataValue "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostNegativeValue"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ticks"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMin"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" maxDataValue "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("mostPositiveValue"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ticks"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("suggestedMax"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("p",[t._v("In this example, the largest positive value is 50, but the data maximum is expanded out to 100. However, because the lowest data value is below the "),e("code",[t._v("suggestedMin")]),t._v(" setting, it is ignored.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'First dataset'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMin")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMax")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("p",[t._v("In contrast to the "),e("code",[t._v("suggested*")]),t._v(" settings, the "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(" settings set explicit ends to the axes. When these are set, some data points may not be visible.")]),t._v(" "),e("h2",{attrs:{id:"step-size"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#step-size"}},[t._v("#")]),t._v(" Step Size")]),t._v(" "),e("p",[t._v("If set, the scale ticks will be enumerated by multiple of "),e("code",[t._v("stepSize")]),t._v(", having one tick per increment. If not set, the ticks are labeled automatically using the nice numbers algorithm.")]),t._v(" "),e("p",[t._v("This example sets up a chart with a y axis that creates ticks at "),e("code",[t._v("0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5")]),t._v(".")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("ticks")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stepSize")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"angle-line-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#angle-line-options"}},[t._v("#")]),t._v(" Angle Line Options")]),t._v(" "),e("p",[t._v("The following options are used to configure angled lines that radiate from the center of the chart to the point labels.\nNamespace: "),e("code",[t._v("options.scales[scaleId].angleLines")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, angle lines are shown.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("Color of angled lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("lineWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Width of angled lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",[t._v("Yes"),e("sup",[t._v("1")])]),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes on angled lines. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0.0")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])])])]),t._v(" "),e("ol",[e("li",[t._v("the "),e("code",[t._v("borderDash")]),t._v(" setting only accepts a static value or a function. Passing an array of arrays is not supported.")])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#pointLabel"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"point-label-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-label-options"}},[t._v("#")]),t._v(" Point Label Options")]),t._v(" "),e("p",[t._v("The following options are used to configure the point labels that are shown on the perimeter of the scale.\nNamespace: "),e("code",[t._v("options.scales[scaleId].pointLabels")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[e("code",[t._v("undefined")])]),t._v(" "),e("td",[t._v("Background color of the point label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderRadius")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Border radius of the point label")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, point labels are shown. When "),e("code",[t._v("display: 'auto'")]),t._v(", the label is hidden if it overlaps with another label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td"),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Callback function to transform data labels to point labels. The default implementation simply returns the current string.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of label.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("Yes")]),t._v(" "),e("td",[t._v("5")]),t._v(" "),e("td",[t._v("Padding between chart and point labels.")])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/samples/other-charts/polar-area-center-labels.html"}},[e("code",[t._v("centerPointLabels")])])],1),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td"),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, point labels are centered.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#pointLabel"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[t._v("Internally, the linear radial scale uses numeric data")])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/146.c6c4f8b8.js b/docs/master/assets/js/146.840207c7.js similarity index 99% rename from docs/master/assets/js/146.c6c4f8b8.js rename to docs/master/assets/js/146.840207c7.js index ccff2152d5..491161e6de 100644 --- a/docs/master/assets/js/146.c6c4f8b8.js +++ b/docs/master/assets/js/146.840207c7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[146],{479:function(t,e,a){"use strict";a.r(e);var d=a(3),r=Object(d.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("There are a number of options to allow styling an axis. There are settings to control "),e("a",{attrs:{href:"#grid-line-configuration"}},[t._v("grid lines")]),t._v(" and "),e("a",{attrs:{href:"#tick-configuration"}},[t._v("ticks")]),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"grid-line-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grid-line-configuration"}},[t._v("#")]),t._v(" Grid Line Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].grid")]),t._v(", it defines options for the grid lines that run perpendicular to the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Indexable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("circular")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, gridlines are circular (on radar and polar area charts only).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line, and so on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If false, do not display grid lines for this axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawOnChartArea")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, draw lines on the chart area inside the axis lines. This is useful when there are multiple axes and you need to control which grid lines are drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTicks")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, draw lines beside the ticks in the axis area beside the chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("lineWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of grid lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, grid lines will be shifted to be between labels. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickBorderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of the tick mark line. If not set, defaults to the grid line "),e("code",[t._v("borderDash")]),t._v(" value.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickBorderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Offset for the line dash of the tick mark. If unset, defaults to the grid line "),e("code",[t._v("borderDashOffset")]),t._v(" value")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Color of the tick line. If unset, defaults to the grid line color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickLength")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("8")])]),t._v(" "),e("td",[t._v("Length in pixels that the grid lines will draw into the axis area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Width of the tick mark in pixels. If unset, defaults to the grid line width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("-1")])]),t._v(" "),e("td",[t._v("z-index of the gridline layer. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"major-tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#major-tick-configuration"}},[t._v("#")]),t._v(" Major Tick Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks.major")]),t._v(", it defines options for the major tick marks that are generated by the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("enabled")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, major ticks are generated. A major tick will affect autoskipping and "),e("code",[t._v("major")]),t._v(" will be defined on ticks in the scriptable options context.")])])])]),t._v(" "),e("h2",{attrs:{id:"border-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border-configuration"}},[t._v("#")]),t._v(" Border Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].border")]),t._v(", it defines options for the border that run perpendicular to the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Indexable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, draw a border at the edge between the axis and the chart area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("The color of the border line.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("The width of the border line.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes on grid lines. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0.0")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of the border layer. Values <= 0 are drawn under datasets, > 0 on top.")])])])])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[146],{478:function(t,e,a){"use strict";a.r(e);var d=a(3),r=Object(d.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("There are a number of options to allow styling an axis. There are settings to control "),e("a",{attrs:{href:"#grid-line-configuration"}},[t._v("grid lines")]),t._v(" and "),e("a",{attrs:{href:"#tick-configuration"}},[t._v("ticks")]),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"grid-line-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grid-line-configuration"}},[t._v("#")]),t._v(" Grid Line Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].grid")]),t._v(", it defines options for the grid lines that run perpendicular to the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Indexable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("circular")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, gridlines are circular (on radar and polar area charts only).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line, and so on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If false, do not display grid lines for this axis.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawOnChartArea")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, draw lines on the chart area inside the axis lines. This is useful when there are multiple axes and you need to control which grid lines are drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawTicks")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, draw lines beside the ticks in the axis area beside the chart.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("lineWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("Stroke width of grid lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, grid lines will be shifted to be between labels. This is set to "),e("code",[t._v("true")]),t._v(" for a bar chart by default.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickBorderDash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of the tick mark line. If not set, defaults to the grid line "),e("code",[t._v("borderDash")]),t._v(" value.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickBorderDashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Offset for the line dash of the tick mark. If unset, defaults to the grid line "),e("code",[t._v("borderDashOffset")]),t._v(" value")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Color of the tick line. If unset, defaults to the grid line color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickLength")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("8")])]),t._v(" "),e("td",[t._v("Length in pixels that the grid lines will draw into the axis area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tickWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Width of the tick mark in pixels. If unset, defaults to the grid line width.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("-1")])]),t._v(" "),e("td",[t._v("z-index of the gridline layer. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[t._v("#")]),t._v(" Tick Configuration")]),t._v(" "),e("h3",{attrs:{id:"common-tick-options-to-all-axes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#common-tick-options-to-all-axes"}},[t._v("#")]),t._v(" Common tick options to all axes")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backdropColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(255, 255, 255, 0.75)'")])]),t._v(" "),e("td",[t._v("Color of label backdrops.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("backdropPadding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("2")])]),t._v(" "),e("td",[t._v("Padding of label backdrop.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("callback")])]),t._v(" "),e("td",[e("code",[t._v("function")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td"),t._v(" "),e("td",[t._v("Returns the string representation of the tick value as it should be displayed on the chart. See "),e("RouterLink",{attrs:{to:"/axes/labelling.html#creating-custom-tick-formats"}},[t._v("callback")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, show tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.color")])]),t._v(" "),e("td",[t._v("Color of ticks.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("font")])]),t._v(" "),e("td",[e("code",[t._v("Font")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.font")])]),t._v(" "),e("td",[t._v("See "),e("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("major")])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("{}")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/axes/styling.html#major-tick-configuration"}},[t._v("Major ticks configuration")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("3")])]),t._v(" "),e("td",[t._v("Sets the offset of the tick labels from the axis")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLabelBackdrop")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")]),t._v(" for radial scale, "),e("code",[t._v("false")]),t._v(" otherwise")]),t._v(" "),e("td",[t._v("If true, draw a background behind the tick labels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeColor")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("``")]),t._v(" "),e("td",[t._v("The color of the stroke around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("textStrokeWidth")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("Stroke width around the text.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.")])])])]),t._v(" "),e("p",[t._v("The scriptable context is described in "),e("RouterLink",{attrs:{to:"/general/options.html#tick"}},[t._v("Options")]),t._v(" section.")],1),t._v(" "),e("h2",{attrs:{id:"major-tick-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#major-tick-configuration"}},[t._v("#")]),t._v(" Major Tick Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].ticks.major")]),t._v(", it defines options for the major tick marks that are generated by the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("enabled")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, major ticks are generated. A major tick will affect autoskipping and "),e("code",[t._v("major")]),t._v(" will be defined on ticks in the scriptable options context.")])])])]),t._v(" "),e("h2",{attrs:{id:"border-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border-configuration"}},[t._v("#")]),t._v(" Border Configuration")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.scales[scaleId].border")]),t._v(", it defines options for the border that run perpendicular to the axis.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Scriptable")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[t._v("Indexable")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("display")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, draw a border at the edge between the axis and the chart area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("color")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("Chart.defaults.borderColor")])]),t._v(" "),e("td",[t._v("The color of the border line.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("width")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("1")])]),t._v(" "),e("td",[t._v("The width of the border line.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dash")])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("[]")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes on grid lines. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("dashOffset")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0.0")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("z")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",{staticStyle:{"text-align":"center"}}),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",[t._v("z-index of the border layer. Values <= 0 are drawn under datasets, > 0 on top.")])])])])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/147.d725d898.js b/docs/master/assets/js/147.f9138394.js similarity index 99% rename from docs/master/assets/js/147.d725d898.js rename to docs/master/assets/js/147.f9138394.js index 7000f324a4..3ad79a2aba 100644 --- a/docs/master/assets/js/147.d725d898.js +++ b/docs/master/assets/js/147.f9138394.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[147],{478:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"area-chart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#area-chart"}},[t._v("#")]),t._v(" Area Chart")]),t._v(" "),a("p",[t._v("Both "),a("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("line")]),t._v(" and "),a("RouterLink",{attrs:{to:"/charts/radar.html"}},[t._v("radar")]),t._v(" charts support a "),a("code",[t._v("fill")]),t._v(" option on the dataset object which can be used to create space between two datasets or a dataset and a boundary, i.e. the scale "),a("code",[t._v("origin")]),t._v(", "),a("code",[t._v("start,")]),t._v(" or "),a("code",[t._v("end")]),t._v(" (see "),a("a",{attrs:{href:"#filling-modes"}},[t._v("filling modes")]),t._v(").")],1),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("This feature is implemented by the "),a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/src/plugins/plugin.filler/index.js",target:"_blank",rel:"noopener noreferrer"}},[a("code",[t._v("filler")]),t._v(" plugin"),a("OutboundLink")],1),t._v(".")])]),t._v(" "),a("h2",{attrs:{id:"filling-modes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#filling-modes"}},[t._v("#")]),t._v(" Filling modes")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Mode")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Values")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Absolute dataset index")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("1")]),t._v(", "),a("code",[t._v("2")]),t._v(", "),a("code",[t._v("3")]),t._v(", ...")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Relative dataset index")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'-1'")]),t._v(", "),a("code",[t._v("'-2'")]),t._v(", "),a("code",[t._v("'+1'")]),t._v(", ...")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Boundary")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'start'")]),t._v(", "),a("code",[t._v("'end'")]),t._v(", "),a("code",[t._v("'origin'")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Disabled "),a("sup",[t._v("1")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Stacked value below")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'stack'")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Axis value")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("{ value: number; }")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Shape (fill inside line)")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'shape'")])])])])]),t._v(" "),a("blockquote",[a("p",[a("sup",[t._v("1")]),t._v(" for backward compatibility, "),a("code",[t._v("fill: true")]),t._v(" is equivalent to "),a("code",[t._v("fill: 'origin'")]),a("br")])]),t._v(" "),a("h3",{attrs:{id:"example"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'origin'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 0: fill to 'origin'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'+2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 1: fill to dataset 3")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 2: fill to dataset 1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 3: no fill")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'-2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 4: fill to dataset 2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 5: fill to axis value 25")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("If you need to support multiple colors when filling from one dataset to another, you may specify an object with the following option :")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Param")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("target")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("number")]),t._v(", "),a("code",[t._v("string")]),t._v(", "),a("code",[t._v("boolean")]),t._v(", "),a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("The accepted values are the same as the filling mode values, so you may use absolute and relative dataset indexes and/or boundaries.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("above")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("Color")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("If no color is set, the default color will be the background color of the chart.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("below")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("Color")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the above.")])])])]),t._v(" "),a("h3",{attrs:{id:"example-with-multiple-colors"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-with-multiple-colors"}},[t._v("#")]),t._v(" Example with multiple colors")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("target")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'origin'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("above")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 0, 0)'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Area will be red above the origin")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("below")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(0, 0, 255)'")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// And blue below the origin")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.plugins.filler")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Option")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("drawTime")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("beforeDatasetDraw")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Filler draw time. Supported values: "),a("code",[t._v("'beforeDraw'")]),t._v(", "),a("code",[t._v("'beforeDatasetDraw'")]),t._v(", "),a("code",[t._v("'beforeDatasetsDraw'")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("a",{attrs:{href:"#propagate"}},[a("code",[t._v("propagate")])])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("true")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fill propagation when target is hidden.")])])])]),t._v(" "),a("h3",{attrs:{id:"propagate"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#propagate"}},[t._v("#")]),t._v(" propagate")]),t._v(" "),a("p",[a("code",[t._v("propagate")]),t._v(" takes a "),a("code",[t._v("boolean")]),t._v(" value (default: "),a("code",[t._v("true")]),t._v(").")]),t._v(" "),a("p",[t._v("If "),a("code",[t._v("true")]),t._v(", the fill area will be recursively extended to the visible target defined by the "),a("code",[t._v("fill")]),t._v(" value of hidden dataset targets:")]),t._v(" "),a("h4",{attrs:{id:"example-using-propagate"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-using-propagate"}},[t._v("#")]),t._v(" Example using propagate")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'origin'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 0: fill to 'origin'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'-1'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 1: fill to dataset 0")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 2: fill to dataset 1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 3: no fill")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'-2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 4: fill to dataset 2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("filler")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("propagate")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[a("code",[t._v("propagate: true")]),t._v(":\n-if dataset 2 is hidden, dataset 4 will fill to dataset 1\n-if dataset 2 and 1 are hidden, dataset 4 will fill to "),a("code",[t._v("'origin'")])]),t._v(" "),a("p",[a("code",[t._v("propagate: false")]),t._v(":\n-if dataset 2 and/or 4 are hidden, dataset 4 will not be filled")])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[147],{480:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"area-chart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#area-chart"}},[t._v("#")]),t._v(" Area Chart")]),t._v(" "),a("p",[t._v("Both "),a("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("line")]),t._v(" and "),a("RouterLink",{attrs:{to:"/charts/radar.html"}},[t._v("radar")]),t._v(" charts support a "),a("code",[t._v("fill")]),t._v(" option on the dataset object which can be used to create space between two datasets or a dataset and a boundary, i.e. the scale "),a("code",[t._v("origin")]),t._v(", "),a("code",[t._v("start,")]),t._v(" or "),a("code",[t._v("end")]),t._v(" (see "),a("a",{attrs:{href:"#filling-modes"}},[t._v("filling modes")]),t._v(").")],1),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("This feature is implemented by the "),a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/src/plugins/plugin.filler/index.js",target:"_blank",rel:"noopener noreferrer"}},[a("code",[t._v("filler")]),t._v(" plugin"),a("OutboundLink")],1),t._v(".")])]),t._v(" "),a("h2",{attrs:{id:"filling-modes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#filling-modes"}},[t._v("#")]),t._v(" Filling modes")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Mode")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Values")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Absolute dataset index")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("number")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("1")]),t._v(", "),a("code",[t._v("2")]),t._v(", "),a("code",[t._v("3")]),t._v(", ...")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Relative dataset index")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'-1'")]),t._v(", "),a("code",[t._v("'-2'")]),t._v(", "),a("code",[t._v("'+1'")]),t._v(", ...")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Boundary")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'start'")]),t._v(", "),a("code",[t._v("'end'")]),t._v(", "),a("code",[t._v("'origin'")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Disabled "),a("sup",[t._v("1")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("false")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Stacked value below")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'stack'")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Axis value")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("{ value: number; }")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("Shape (fill inside line)")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("'shape'")])])])])]),t._v(" "),a("blockquote",[a("p",[a("sup",[t._v("1")]),t._v(" for backward compatibility, "),a("code",[t._v("fill: true")]),t._v(" is equivalent to "),a("code",[t._v("fill: 'origin'")]),a("br")])]),t._v(" "),a("h3",{attrs:{id:"example"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example"}},[t._v("#")]),t._v(" Example")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'origin'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 0: fill to 'origin'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'+2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 1: fill to dataset 3")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 2: fill to dataset 1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 3: no fill")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'-2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 4: fill to dataset 2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("25")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 5: fill to axis value 25")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("If you need to support multiple colors when filling from one dataset to another, you may specify an object with the following option :")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Param")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("target")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("number")]),t._v(", "),a("code",[t._v("string")]),t._v(", "),a("code",[t._v("boolean")]),t._v(", "),a("code",[t._v("object")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("The accepted values are the same as the filling mode values, so you may use absolute and relative dataset indexes and/or boundaries.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("above")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("Color")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("If no color is set, the default color will be the background color of the chart.")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("below")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("Color")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Same as the above.")])])])]),t._v(" "),a("h3",{attrs:{id:"example-with-multiple-colors"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-with-multiple-colors"}},[t._v("#")]),t._v(" Example with multiple colors")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("target")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'origin'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("above")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 0, 0)'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Area will be red above the origin")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("below")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(0, 0, 255)'")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// And blue below the origin")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.plugins.filler")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("Option")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Default")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("drawTime")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("string")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("beforeDatasetDraw")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Filler draw time. Supported values: "),a("code",[t._v("'beforeDraw'")]),t._v(", "),a("code",[t._v("'beforeDatasetDraw'")]),t._v(", "),a("code",[t._v("'beforeDatasetsDraw'")])])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[a("a",{attrs:{href:"#propagate"}},[a("code",[t._v("propagate")])])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("boolean")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[a("code",[t._v("true")])]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Fill propagation when target is hidden.")])])])]),t._v(" "),a("h3",{attrs:{id:"propagate"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#propagate"}},[t._v("#")]),t._v(" propagate")]),t._v(" "),a("p",[a("code",[t._v("propagate")]),t._v(" takes a "),a("code",[t._v("boolean")]),t._v(" value (default: "),a("code",[t._v("true")]),t._v(").")]),t._v(" "),a("p",[t._v("If "),a("code",[t._v("true")]),t._v(", the fill area will be recursively extended to the visible target defined by the "),a("code",[t._v("fill")]),t._v(" value of hidden dataset targets:")]),t._v(" "),a("h4",{attrs:{id:"example-using-propagate"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-using-propagate"}},[t._v("#")]),t._v(" Example using propagate")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'origin'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 0: fill to 'origin'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'-1'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 1: fill to dataset 0")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 2: fill to dataset 1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 3: no fill")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("fill")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'-2'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 4: fill to dataset 2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("filler")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("propagate")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[a("code",[t._v("propagate: true")]),t._v(":\n-if dataset 2 is hidden, dataset 4 will fill to dataset 1\n-if dataset 2 and 1 are hidden, dataset 4 will fill to "),a("code",[t._v("'origin'")])]),t._v(" "),a("p",[a("code",[t._v("propagate: false")]),t._v(":\n-if dataset 2 and/or 4 are hidden, dataset 4 will not be filled")])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/148.e5a39347.js b/docs/master/assets/js/148.9a562c57.js similarity index 99% rename from docs/master/assets/js/148.e5a39347.js rename to docs/master/assets/js/148.9a562c57.js index 2e791631e1..97c6b7189c 100644 --- a/docs/master/assets/js/148.e5a39347.js +++ b/docs/master/assets/js/148.9a562c57.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[148],{484:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"bar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bar-chart"}},[t._v("#")]),t._v(" Bar Chart")]),t._v(" "),e("p",[t._v("A bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1\n }]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.bar")]),t._v(" - options for all bar datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.bar")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#bar-configuration"}},[t._v("bar elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The bar chart allows a number of properties to be specified for each dataset.\nThese are used to set display properties for a specific dataset. For example,\nthe color of the bars is generally set this way.\nOnly the "),e("code",[t._v("data")]),t._v(" option needs to be specified in the dataset namespace.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("base")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#barpercentage"}},[e("code",[t._v("barPercentage")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.9")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#barthickness"}},[e("code",[t._v("barThickness")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'start'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderwidth"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#categorypercentage"}},[e("code",[t._v("categoryPercentage")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.8")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("object[]")]),t._v("| "),e("code",[t._v("number[]")]),t._v("|"),e("code",[t._v("string[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("grouped")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("indexAxis")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'x'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#inflateamount"}},[e("code",[t._v("inflateAmount")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("'auto'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'auto'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#maxbarthickness"}},[e("code",[t._v("maxBarThickness")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("minBarLength")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("skipNull")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("stack")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'bar'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first x axis")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first y axis")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"example-dataset-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#example-dataset-configuration"}},[t._v("#")]),t._v(" Example dataset configuration")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("barPercentage")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("barThickness")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("maxBarThickness")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("minBarLength")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("70")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("base")])]),t._v(" "),e("td",[t._v("Base value for the bar in data units along the value axis. If not set, defaults to the value axis base value.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grouped")])]),t._v(" "),e("td",[t._v("Should the bars be grouped on index axis. When "),e("code",[t._v("true")]),t._v(", all the datasets at same index value will be placed next to each other centering on that index value. When "),e("code",[t._v("false")]),t._v(", each bar is placed on its actual index-axis value.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("indexAxis")])]),t._v(" "),e("td",[t._v("The base axis of the dataset. "),e("code",[t._v("'x'")]),t._v(" for vertical bars and "),e("code",[t._v("'y'")]),t._v(" for horizontal bars.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("skipNull")])]),t._v(" "),e("td",[t._v("If "),e("code",[t._v("true")]),t._v(", null or undefined values will not be used for spacing calculations when determining bar size.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack). "),e("a",{attrs:{href:"#stacked-bar-chart"}},[t._v("more")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAxisID")])]),t._v(" "),e("td",[t._v("The ID of the x-axis to plot this dataset on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAxisID")])]),t._v(" "),e("td",[t._v("The ID of the y-axis to plot this dataset on.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("The style of each bar can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("The bar background color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("The bar border color.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])])]),t._v(" "),e("td",[t._v("The edge to skip when drawing bar.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderwidth"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[t._v("The bar border width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[t._v("The bar border radius (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minBarLength")])]),t._v(" "),e("td",[t._v("Set this to ensure that bars have a minimum length in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point for legend. "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("more...")])],1)])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#bar-configuration"}},[e("code",[t._v("elements.bar.*")])]),t._v(" options.")],1),t._v(" "),e("h4",{attrs:{id:"borderskipped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderskipped"}},[t._v("#")]),t._v(" borderSkipped")]),t._v(" "),e("p",[t._v("This setting is used to avoid drawing the bar stroke at the base of the fill, or disable the border radius.\nIn general, this does not need to be changed except when creating chart types\nthat derive from a bar chart.")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("For negative bars in a vertical chart, "),e("code",[t._v("top")]),t._v(" and "),e("code",[t._v("bottom")]),t._v(" are flipped. Same goes for "),e("code",[t._v("left")]),t._v(" and "),e("code",[t._v("right")]),t._v(" in a horizontal chart.")])]),t._v(" "),e("p",[t._v("Options are:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'start'")])]),t._v(" "),e("li",[e("code",[t._v("'end'")])]),t._v(" "),e("li",[e("code",[t._v("'middle'")]),t._v(" (only valid on stacked bars: the borders between bars are skipped)")]),t._v(" "),e("li",[e("code",[t._v("'bottom'")])]),t._v(" "),e("li",[e("code",[t._v("'left'")])]),t._v(" "),e("li",[e("code",[t._v("'top'")])]),t._v(" "),e("li",[e("code",[t._v("'right'")])]),t._v(" "),e("li",[e("code",[t._v("false")]),t._v(" (don't skip any borders)")]),t._v(" "),e("li",[e("code",[t._v("true")]),t._v(" (skip all borders)")])]),t._v(" "),e("h4",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all sides of the rectangle (left, top, right, bottom), except "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(". If this value is an object, the "),e("code",[t._v("left")]),t._v(" property defines the left border width. Similarly, the "),e("code",[t._v("right")]),t._v(", "),e("code",[t._v("top")]),t._v(", and "),e("code",[t._v("bottom")]),t._v(" properties can also be specified. Omitted borders and "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(" are skipped.")]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight), except corners touching the "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(". If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners and those touching the "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(" are skipped. For example if the "),e("code",[t._v("top")]),t._v(" border is skipped, the border radius for the corners "),e("code",[t._v("topLeft")]),t._v(" and "),e("code",[t._v("topRight")]),t._v(" will be skipped as well.")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Stacked Charts")]),t._v(" "),e("p",[t._v("When the border radius is supplied as a number and the chart is stacked, the radius will only be applied to the bars that are at the edges of the stack or where the bar is floating. The object syntax can be used to override this behavior.")])]),t._v(" "),e("h4",{attrs:{id:"inflateamount"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inflateamount"}},[t._v("#")]),t._v(" inflateAmount")]),t._v(" "),e("p",[t._v("This option can be used to inflate the rects that are used to draw the bars. This can be used to hide artifacts between bars when "),e("a",{attrs:{href:"#barpercentage"}},[e("code",[t._v("barPercentage")])]),t._v(" * "),e("a",{attrs:{href:"#categorypercentage"}},[e("code",[t._v("categoryPercentage")])]),t._v(" is 1. The default value "),e("code",[t._v("'auto'")]),t._v(" should work in most cases.")]),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each bar can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("hoverBackgroundColor")])]),t._v(" "),e("td",[t._v("The bar background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderColor")])]),t._v(" "),e("td",[t._v("The bar border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",[t._v("The bar border width when hovered (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderRadius")])]),t._v(" "),e("td",[t._v("The bar border radius when hovered (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#bar-configuration"}},[e("code",[t._v("elements.bar.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"barpercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barpercentage"}},[t._v("#")]),t._v(" barPercentage")]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other. "),e("a",{attrs:{href:"#barpercentage-vs-categorypercentage"}},[t._v("more...")])]),t._v(" "),e("h3",{attrs:{id:"categorypercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categorypercentage"}},[t._v("#")]),t._v(" categoryPercentage")]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each category should be within the sample width. "),e("a",{attrs:{href:"#barpercentage-vs-categorypercentage"}},[t._v("more...")])]),t._v(" "),e("h3",{attrs:{id:"barthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barthickness"}},[t._v("#")]),t._v(" barThickness")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to the width of each bar, in pixels. When this is enforced, "),e("code",[t._v("barPercentage")]),t._v(" and "),e("code",[t._v("categoryPercentage")]),t._v(" are ignored.")]),t._v(" "),e("p",[t._v("If set to "),e("code",[t._v("'flex'")]),t._v(", the base sample widths are calculated automatically based on the previous and following samples so that they take the full available widths without overlap. Then, bars are sized using "),e("code",[t._v("barPercentage")]),t._v(" and "),e("code",[t._v("categoryPercentage")]),t._v(". There is no gap when the percentage options are 1. This mode generates bars with different widths when data are not evenly spaced.")]),t._v(" "),e("p",[t._v("If not set (default), the base sample widths are calculated using the smallest interval that prevents bar overlapping, and bars are sized using "),e("code",[t._v("barPercentage")]),t._v(" and "),e("code",[t._v("categoryPercentage")]),t._v(". This mode always generates bars equally sized.")]),t._v(" "),e("h3",{attrs:{id:"maxbarthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxbarthickness"}},[t._v("#")]),t._v(" maxBarThickness")]),t._v(" "),e("p",[t._v("Set this to ensure that bars are not sized thicker than this.")]),t._v(" "),e("h2",{attrs:{id:"scale-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-configuration"}},[t._v("#")]),t._v(" Scale Configuration")]),t._v(" "),e("p",[t._v("The bar chart sets unique default values for the following configuration from the associated "),e("code",[t._v("scale")]),t._v(" options:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, extra space is added to both edges and the axis is scaled to fit into the chart area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid.offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, the bars for a particular data point fall between the grid lines. The grid line will move to the left by one half of the tick interval. If false, the grid line will go right down the middle of the bars. "),e("a",{attrs:{href:"#offsetgridlines"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"example-scale-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#example-scale-configuration"}},[t._v("#")]),t._v(" Example scale configuration")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("grid")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("offset")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h3",{attrs:{id:"offset-grid-lines"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offset-grid-lines"}},[t._v("#")]),t._v(" Offset Grid Lines")]),t._v(" "),e("p",[t._v("If true, the bars for a particular data point fall between the grid lines. The grid line will move to the left by one half of the tick interval, which is the space between the grid lines. If false, the grid line will go right down the middle of the bars. This is set to true for a category scale in a bar chart while false for other scales or chart types by default.")]),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("It is common to want to apply a configuration setting to all created bar charts. The global bar chart settings are stored in "),e("code",[t._v("Chart.overrides.bar")]),t._v(". Changing the global options only affects charts created after the change. Existing charts are not changed.")]),t._v(" "),e("h2",{attrs:{id:"barpercentage-vs-categorypercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barpercentage-vs-categorypercentage"}},[t._v("#")]),t._v(" barPercentage vs categoryPercentage")]),t._v(" "),e("p",[t._v("The following shows the relationship between the bar percentage option and the category percentage option.")]),t._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[t._v("// categoryPercentage: 1.0\n// barPercentage: 1.0\nBar: | 1.0 | 1.0 |\nCategory: | 1.0 |\nSample: |===========|\n\n// categoryPercentage: 1.0\n// barPercentage: 0.5\nBar: |.5| |.5|\nCategory: | 1.0 |\nSample: |==============|\n\n// categoryPercentage: 0.5\n// barPercentage: 1.0\nBar: |1.0||1.0|\nCategory: | .5 |\nSample: |==================|\n")])])]),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("All the supported "),e("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("data structures")]),t._v(" can be used with bar charts.")],1),t._v(" "),e("h2",{attrs:{id:"stacked-bar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-chart"}},[t._v("#")]),t._v(" Stacked Bar Chart")]),t._v(" "),e("p",[t._v("Bar charts can be configured into stacked bar charts by changing the settings on the X and Y axes to enable stacking. Stacked bar charts can be used to show how one data series is made up of a number of smaller pieces.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" stackedBar "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stacked")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stacked")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"horizontal-bar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#horizontal-bar-chart"}},[t._v("#")]),t._v(" Horizontal Bar Chart")]),t._v(" "),e("p",[t._v("A horizontal bar chart is a variation on a vertical bar chart. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.\nTo achieve this, you will have to set the "),e("code",[t._v("indexAxis")]),t._v(" property in the options object to "),e("code",[t._v("'y'")]),t._v(".\nThe default for this property is "),e("code",[t._v("'x'")]),t._v(" and thus will show vertical bars.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n axis: 'y',\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1\n }]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data,\n options: {\n indexAxis: 'y',\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"horizontal-bar-chart-config-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#horizontal-bar-chart-config-options"}},[t._v("#")]),t._v(" Horizontal Bar Chart config Options")]),t._v(" "),e("p",[t._v("The configuration options for the horizontal bar chart are the same as for the "),e("a",{attrs:{href:"#scale-configuration"}},[t._v("bar chart")]),t._v(". However, any options specified on the x-axis in a bar chart, are applied to the y-axis in a horizontal bar chart.")]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y, _custom}")]),t._v(" where "),e("code",[t._v("_custom")]),t._v(" is an optional object defining stacked bar properties: "),e("code",[t._v("{start, end, barStart, barEnd, min, max}")]),t._v(". "),e("code",[t._v("start")]),t._v(" and "),e("code",[t._v("end")]),t._v(" are the input values. Those two are repeated in "),e("code",[t._v("barStart")]),t._v(" (closer to origin), "),e("code",[t._v("barEnd")]),t._v(" (further from origin), "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(".")])],1)}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[148],{479:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"bar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bar-chart"}},[t._v("#")]),t._v(" Bar Chart")]),t._v(" "),e("p",[t._v("A bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1\n }]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.bar")]),t._v(" - options for all bar datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.bar")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#bar-configuration"}},[t._v("bar elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The bar chart allows a number of properties to be specified for each dataset.\nThese are used to set display properties for a specific dataset. For example,\nthe color of the bars is generally set this way.\nOnly the "),e("code",[t._v("data")]),t._v(" option needs to be specified in the dataset namespace.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("base")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#barpercentage"}},[e("code",[t._v("barPercentage")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.9")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#barthickness"}},[e("code",[t._v("barThickness")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])])]),t._v(" "),e("td",[e("code",[t._v("string")]),t._v("|"),e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'start'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderwidth"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#categorypercentage"}},[e("code",[t._v("categoryPercentage")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.8")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("object[]")]),t._v("| "),e("code",[t._v("number[]")]),t._v("|"),e("code",[t._v("string[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("grouped")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("indexAxis")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'x'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#inflateamount"}},[e("code",[t._v("inflateAmount")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("'auto'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'auto'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#maxbarthickness"}},[e("code",[t._v("maxBarThickness")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("minBarLength")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("skipNull")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td")]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("stack")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'bar'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first x axis")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first y axis")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"example-dataset-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#example-dataset-configuration"}},[t._v("#")]),t._v(" Example dataset configuration")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("barPercentage")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("barThickness")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("6")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("maxBarThickness")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("minBarLength")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("60")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("70")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("base")])]),t._v(" "),e("td",[t._v("Base value for the bar in data units along the value axis. If not set, defaults to the value axis base value.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grouped")])]),t._v(" "),e("td",[t._v("Should the bars be grouped on index axis. When "),e("code",[t._v("true")]),t._v(", all the datasets at same index value will be placed next to each other centering on that index value. When "),e("code",[t._v("false")]),t._v(", each bar is placed on its actual index-axis value.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("indexAxis")])]),t._v(" "),e("td",[t._v("The base axis of the dataset. "),e("code",[t._v("'x'")]),t._v(" for vertical bars and "),e("code",[t._v("'y'")]),t._v(" for horizontal bars.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("skipNull")])]),t._v(" "),e("td",[t._v("If "),e("code",[t._v("true")]),t._v(", null or undefined values will not be used for spacing calculations when determining bar size.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack). "),e("a",{attrs:{href:"#stacked-bar-chart"}},[t._v("more")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAxisID")])]),t._v(" "),e("td",[t._v("The ID of the x-axis to plot this dataset on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAxisID")])]),t._v(" "),e("td",[t._v("The ID of the y-axis to plot this dataset on.")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("The style of each bar can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("The bar background color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("The bar border color.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])])]),t._v(" "),e("td",[t._v("The edge to skip when drawing bar.")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderwidth"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[t._v("The bar border width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#borderradius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[t._v("The bar border radius (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("minBarLength")])]),t._v(" "),e("td",[t._v("Set this to ensure that bars have a minimum length in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point for legend. "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("more...")])],1)])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#bar-configuration"}},[e("code",[t._v("elements.bar.*")])]),t._v(" options.")],1),t._v(" "),e("h4",{attrs:{id:"borderskipped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderskipped"}},[t._v("#")]),t._v(" borderSkipped")]),t._v(" "),e("p",[t._v("This setting is used to avoid drawing the bar stroke at the base of the fill, or disable the border radius.\nIn general, this does not need to be changed except when creating chart types\nthat derive from a bar chart.")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("For negative bars in a vertical chart, "),e("code",[t._v("top")]),t._v(" and "),e("code",[t._v("bottom")]),t._v(" are flipped. Same goes for "),e("code",[t._v("left")]),t._v(" and "),e("code",[t._v("right")]),t._v(" in a horizontal chart.")])]),t._v(" "),e("p",[t._v("Options are:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'start'")])]),t._v(" "),e("li",[e("code",[t._v("'end'")])]),t._v(" "),e("li",[e("code",[t._v("'middle'")]),t._v(" (only valid on stacked bars: the borders between bars are skipped)")]),t._v(" "),e("li",[e("code",[t._v("'bottom'")])]),t._v(" "),e("li",[e("code",[t._v("'left'")])]),t._v(" "),e("li",[e("code",[t._v("'top'")])]),t._v(" "),e("li",[e("code",[t._v("'right'")])]),t._v(" "),e("li",[e("code",[t._v("false")]),t._v(" (don't skip any borders)")]),t._v(" "),e("li",[e("code",[t._v("true")]),t._v(" (skip all borders)")])]),t._v(" "),e("h4",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all sides of the rectangle (left, top, right, bottom), except "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(". If this value is an object, the "),e("code",[t._v("left")]),t._v(" property defines the left border width. Similarly, the "),e("code",[t._v("right")]),t._v(", "),e("code",[t._v("top")]),t._v(", and "),e("code",[t._v("bottom")]),t._v(" properties can also be specified. Omitted borders and "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(" are skipped.")]),t._v(" "),e("h4",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the rectangle (topLeft, topRight, bottomLeft, bottomRight), except corners touching the "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(". If this value is an object, the "),e("code",[t._v("topLeft")]),t._v(" property defines the top-left corners border radius. Similarly, the "),e("code",[t._v("topRight")]),t._v(", "),e("code",[t._v("bottomLeft")]),t._v(", and "),e("code",[t._v("bottomRight")]),t._v(" properties can also be specified. Omitted corners and those touching the "),e("a",{attrs:{href:"#borderskipped"}},[e("code",[t._v("borderSkipped")])]),t._v(" are skipped. For example if the "),e("code",[t._v("top")]),t._v(" border is skipped, the border radius for the corners "),e("code",[t._v("topLeft")]),t._v(" and "),e("code",[t._v("topRight")]),t._v(" will be skipped as well.")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Stacked Charts")]),t._v(" "),e("p",[t._v("When the border radius is supplied as a number and the chart is stacked, the radius will only be applied to the bars that are at the edges of the stack or where the bar is floating. The object syntax can be used to override this behavior.")])]),t._v(" "),e("h4",{attrs:{id:"inflateamount"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inflateamount"}},[t._v("#")]),t._v(" inflateAmount")]),t._v(" "),e("p",[t._v("This option can be used to inflate the rects that are used to draw the bars. This can be used to hide artifacts between bars when "),e("a",{attrs:{href:"#barpercentage"}},[e("code",[t._v("barPercentage")])]),t._v(" * "),e("a",{attrs:{href:"#categorypercentage"}},[e("code",[t._v("categoryPercentage")])]),t._v(" is 1. The default value "),e("code",[t._v("'auto'")]),t._v(" should work in most cases.")]),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each bar can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("hoverBackgroundColor")])]),t._v(" "),e("td",[t._v("The bar background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderColor")])]),t._v(" "),e("td",[t._v("The bar border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",[t._v("The bar border width when hovered (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderRadius")])]),t._v(" "),e("td",[t._v("The bar border radius when hovered (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#bar-configuration"}},[e("code",[t._v("elements.bar.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"barpercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barpercentage"}},[t._v("#")]),t._v(" barPercentage")]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other. "),e("a",{attrs:{href:"#barpercentage-vs-categorypercentage"}},[t._v("more...")])]),t._v(" "),e("h3",{attrs:{id:"categorypercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categorypercentage"}},[t._v("#")]),t._v(" categoryPercentage")]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each category should be within the sample width. "),e("a",{attrs:{href:"#barpercentage-vs-categorypercentage"}},[t._v("more...")])]),t._v(" "),e("h3",{attrs:{id:"barthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barthickness"}},[t._v("#")]),t._v(" barThickness")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to the width of each bar, in pixels. When this is enforced, "),e("code",[t._v("barPercentage")]),t._v(" and "),e("code",[t._v("categoryPercentage")]),t._v(" are ignored.")]),t._v(" "),e("p",[t._v("If set to "),e("code",[t._v("'flex'")]),t._v(", the base sample widths are calculated automatically based on the previous and following samples so that they take the full available widths without overlap. Then, bars are sized using "),e("code",[t._v("barPercentage")]),t._v(" and "),e("code",[t._v("categoryPercentage")]),t._v(". There is no gap when the percentage options are 1. This mode generates bars with different widths when data are not evenly spaced.")]),t._v(" "),e("p",[t._v("If not set (default), the base sample widths are calculated using the smallest interval that prevents bar overlapping, and bars are sized using "),e("code",[t._v("barPercentage")]),t._v(" and "),e("code",[t._v("categoryPercentage")]),t._v(". This mode always generates bars equally sized.")]),t._v(" "),e("h3",{attrs:{id:"maxbarthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxbarthickness"}},[t._v("#")]),t._v(" maxBarThickness")]),t._v(" "),e("p",[t._v("Set this to ensure that bars are not sized thicker than this.")]),t._v(" "),e("h2",{attrs:{id:"scale-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-configuration"}},[t._v("#")]),t._v(" Scale Configuration")]),t._v(" "),e("p",[t._v("The bar chart sets unique default values for the following configuration from the associated "),e("code",[t._v("scale")]),t._v(" options:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, extra space is added to both edges and the axis is scaled to fit into the chart area.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("grid.offset")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, the bars for a particular data point fall between the grid lines. The grid line will move to the left by one half of the tick interval. If false, the grid line will go right down the middle of the bars. "),e("a",{attrs:{href:"#offsetgridlines"}},[t._v("more...")])])])])]),t._v(" "),e("h3",{attrs:{id:"example-scale-configuration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#example-scale-configuration"}},[t._v("#")]),t._v(" Example scale configuration")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("grid")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("offset")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h3",{attrs:{id:"offset-grid-lines"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offset-grid-lines"}},[t._v("#")]),t._v(" Offset Grid Lines")]),t._v(" "),e("p",[t._v("If true, the bars for a particular data point fall between the grid lines. The grid line will move to the left by one half of the tick interval, which is the space between the grid lines. If false, the grid line will go right down the middle of the bars. This is set to true for a category scale in a bar chart while false for other scales or chart types by default.")]),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("It is common to want to apply a configuration setting to all created bar charts. The global bar chart settings are stored in "),e("code",[t._v("Chart.overrides.bar")]),t._v(". Changing the global options only affects charts created after the change. Existing charts are not changed.")]),t._v(" "),e("h2",{attrs:{id:"barpercentage-vs-categorypercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barpercentage-vs-categorypercentage"}},[t._v("#")]),t._v(" barPercentage vs categoryPercentage")]),t._v(" "),e("p",[t._v("The following shows the relationship between the bar percentage option and the category percentage option.")]),t._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[t._v("// categoryPercentage: 1.0\n// barPercentage: 1.0\nBar: | 1.0 | 1.0 |\nCategory: | 1.0 |\nSample: |===========|\n\n// categoryPercentage: 1.0\n// barPercentage: 0.5\nBar: |.5| |.5|\nCategory: | 1.0 |\nSample: |==============|\n\n// categoryPercentage: 0.5\n// barPercentage: 1.0\nBar: |1.0||1.0|\nCategory: | .5 |\nSample: |==================|\n")])])]),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("All the supported "),e("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("data structures")]),t._v(" can be used with bar charts.")],1),t._v(" "),e("h2",{attrs:{id:"stacked-bar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-chart"}},[t._v("#")]),t._v(" Stacked Bar Chart")]),t._v(" "),e("p",[t._v("Bar charts can be configured into stacked bar charts by changing the settings on the X and Y axes to enable stacking. Stacked bar charts can be used to show how one data series is made up of a number of smaller pieces.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" stackedBar "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stacked")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stacked")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"horizontal-bar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#horizontal-bar-chart"}},[t._v("#")]),t._v(" Horizontal Bar Chart")]),t._v(" "),e("p",[t._v("A horizontal bar chart is a variation on a vertical bar chart. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.\nTo achieve this, you will have to set the "),e("code",[t._v("indexAxis")]),t._v(" property in the options object to "),e("code",[t._v("'y'")]),t._v(".\nThe default for this property is "),e("code",[t._v("'x'")]),t._v(" and thus will show vertical bars.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n axis: 'y',\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1\n }]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data,\n options: {\n indexAxis: 'y',\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"horizontal-bar-chart-config-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#horizontal-bar-chart-config-options"}},[t._v("#")]),t._v(" Horizontal Bar Chart config Options")]),t._v(" "),e("p",[t._v("The configuration options for the horizontal bar chart are the same as for the "),e("a",{attrs:{href:"#scale-configuration"}},[t._v("bar chart")]),t._v(". However, any options specified on the x-axis in a bar chart, are applied to the y-axis in a horizontal bar chart.")]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y, _custom}")]),t._v(" where "),e("code",[t._v("_custom")]),t._v(" is an optional object defining stacked bar properties: "),e("code",[t._v("{start, end, barStart, barEnd, min, max}")]),t._v(". "),e("code",[t._v("start")]),t._v(" and "),e("code",[t._v("end")]),t._v(" are the input values. Those two are repeated in "),e("code",[t._v("barStart")]),t._v(" (closer to origin), "),e("code",[t._v("barEnd")]),t._v(" (further from origin), "),e("code",[t._v("min")]),t._v(" and "),e("code",[t._v("max")]),t._v(".")])],1)}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/149.a7663464.js b/docs/master/assets/js/149.efdeb385.js similarity index 99% rename from docs/master/assets/js/149.a7663464.js rename to docs/master/assets/js/149.efdeb385.js index 0b23caec1b..896e20d612 100644 --- a/docs/master/assets/js/149.a7663464.js +++ b/docs/master/assets/js/149.efdeb385.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[149],{481:function(t,e,a){"use strict";a.r(e);var r=a(3),o=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"bubble-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bubble-chart"}},[t._v("#")]),t._v(" Bubble Chart")]),t._v(" "),e("p",[t._v("A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst data = {\n datasets: [{\n label: 'First Dataset',\n data: [{\n x: 20,\n y: 30,\n r: 15\n }, {\n x: 40,\n y: 10,\n r: 10\n }],\n backgroundColor: 'rgb(255, 99, 132)'\n }]\n};\n// \n\n// \nconst config = {\n type: 'bubble',\n data: data,\n options: {}\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.bubble")]),t._v(" - options for all bubble datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.point")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The bubble chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of the bubbles is generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("object[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawActiveElementsOnTop")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("4")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hitRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("radius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawActiveElementsOnTop")])]),t._v(" "),e("td",[t._v("Draw the active bubbles of a dataset over the other bubbles of the dataset")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("The style of each bubble can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("bubble background color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("bubble border color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("bubble border width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("bubble "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("shape style")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("bubble rotation (in degrees).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("bubble radius (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each bubble can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("hitRadius")])]),t._v(" "),e("td",[t._v("bubble "),e("strong",[t._v("additional")]),t._v(" radius for hit detection (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBackgroundColor")])]),t._v(" "),e("td",[t._v("bubble background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderColor")])]),t._v(" "),e("td",[t._v("bubble border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",[t._v("bubble border width when hovered (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverRadius")])]),t._v(" "),e("td",[t._v("bubble "),e("strong",[t._v("additional")]),t._v(" radius when hovered (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("We can also change the default values for the Bubble chart type. Doing so will give all bubble charts created after this point the new defaults. The default configuration for the bubble chart can be accessed at "),e("code",[t._v("Chart.overrides.bubble")]),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("Bubble chart datasets need to contain a "),e("code",[t._v("data")]),t._v(" array of points, each point represented by an object containing the following properties:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// X Value")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Y Value")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Bubble radius in pixels (not scaled).")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("p",[e("strong",[t._v("Important:")]),t._v(" the radius property, "),e("code",[t._v("r")]),t._v(" is "),e("strong",[t._v("not")]),t._v(" scaled by the chart, it is the raw radius in pixels of the bubble that is drawn on the canvas.")]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y, _custom}")]),t._v(" where "),e("code",[t._v("_custom")]),t._v(" is the radius.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[149],{483:function(t,e,a){"use strict";a.r(e);var r=a(3),o=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"bubble-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bubble-chart"}},[t._v("#")]),t._v(" Bubble Chart")]),t._v(" "),e("p",[t._v("A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst data = {\n datasets: [{\n label: 'First Dataset',\n data: [{\n x: 20,\n y: 30,\n r: 15\n }, {\n x: 40,\n y: 10,\n r: 10\n }],\n backgroundColor: 'rgb(255, 99, 132)'\n }]\n};\n// \n\n// \nconst config = {\n type: 'bubble',\n data: data,\n options: {}\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.bubble")]),t._v(" - options for all bubble datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.point")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The bubble chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of the bubbles is generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("object[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawActiveElementsOnTop")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("4")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hitRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("radius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawActiveElementsOnTop")])]),t._v(" "),e("td",[t._v("Draw the active bubbles of a dataset over the other bubbles of the dataset")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("The style of each bubble can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("bubble background color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("bubble border color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("bubble border width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("bubble "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("shape style")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("bubble rotation (in degrees).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[t._v("bubble radius (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each bubble can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("hitRadius")])]),t._v(" "),e("td",[t._v("bubble "),e("strong",[t._v("additional")]),t._v(" radius for hit detection (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBackgroundColor")])]),t._v(" "),e("td",[t._v("bubble background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderColor")])]),t._v(" "),e("td",[t._v("bubble border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",[t._v("bubble border width when hovered (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverRadius")])]),t._v(" "),e("td",[t._v("bubble "),e("strong",[t._v("additional")]),t._v(" radius when hovered (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("We can also change the default values for the Bubble chart type. Doing so will give all bubble charts created after this point the new defaults. The default configuration for the bubble chart can be accessed at "),e("code",[t._v("Chart.overrides.bubble")]),t._v(".")]),t._v(" "),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("Bubble chart datasets need to contain a "),e("code",[t._v("data")]),t._v(" array of points, each point represented by an object containing the following properties:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// X Value")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Y Value")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Bubble radius in pixels (not scaled).")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("p",[e("strong",[t._v("Important:")]),t._v(" the radius property, "),e("code",[t._v("r")]),t._v(" is "),e("strong",[t._v("not")]),t._v(" scaled by the chart, it is the raw radius in pixels of the bubble that is drawn on the canvas.")]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y, _custom}")]),t._v(" where "),e("code",[t._v("_custom")]),t._v(" is the radius.")])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/15.37e41d30.js b/docs/master/assets/js/15.d0cadffe.js similarity index 96% rename from docs/master/assets/js/15.37e41d30.js rename to docs/master/assets/js/15.d0cadffe.js index f60c7d0d32..08932a344b 100644 --- a/docs/master/assets/js/15.37e41d30.js +++ b/docs/master/assets/js/15.d0cadffe.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{345:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-animator"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-animator"}},[t._v("#")]),t._v(" Class: Animator")]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Animator")]),t._v("()")]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"add"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#add"}},[t._v("#")]),t._v(" add")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("add")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("items")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"has"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#has"}},[t._v("#")]),t._v(" has")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("has")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"listen"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#listen"}},[t._v("#")]),t._v(" listen")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("listen")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("event")]),t._v(", "),e("code",[t._v("cb")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"progress"')]),t._v(" | "),e("code",[t._v('"complete"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cb")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"remove"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#remove"}},[t._v("#")]),t._v(" remove")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("remove")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"running"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#running"}},[t._v("#")]),t._v(" running")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("running")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"start"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("start")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:24"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("stop")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{348:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-animator"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-animator"}},[t._v("#")]),t._v(" Class: Animator")]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Animator")]),t._v("()")]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"add"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#add"}},[t._v("#")]),t._v(" add")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("add")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("items")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("readonly "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"has"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#has"}},[t._v("#")]),t._v(" has")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("has")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L23",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:23"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"listen"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#listen"}},[t._v("#")]),t._v(" listen")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("listen")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("event")]),t._v(", "),e("code",[t._v("cb")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("event")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"progress"')]),t._v(" | "),e("code",[t._v('"complete"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cb")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"remove"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#remove"}},[t._v("#")]),t._v(" remove")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("remove")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:27"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"running"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#running"}},[t._v("#")]),t._v(" running")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("running")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"start"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#start"}},[t._v("#")]),t._v(" start")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("start")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:24"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("stop")]),t._v("("),e("code",[t._v("chart")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:26"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/150.cbbbf7ce.js b/docs/master/assets/js/150.207bb291.js similarity index 99% rename from docs/master/assets/js/150.cbbbf7ce.js rename to docs/master/assets/js/150.207bb291.js index 241e20ac6a..76c4834f4a 100644 --- a/docs/master/assets/js/150.cbbbf7ce.js +++ b/docs/master/assets/js/150.207bb291.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[150],{480:function(t,e,r){"use strict";r.r(e);var a=r(3),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"doughnut-and-pie-charts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#doughnut-and-pie-charts"}},[t._v("#")]),t._v(" Doughnut and Pie Charts")]),t._v(" "),e("p",[t._v("Pie and doughnut charts are probably the most commonly used charts. They are divided into segments, the arc of each segment shows the proportional value of each piece of data.")]),t._v(" "),e("p",[t._v("They are excellent at showing the relational proportions between data.")]),t._v(" "),e("p",[t._v("Pie and doughnut charts are effectively the same class in Chart.js, but have one different default value - their "),e("code",[t._v("cutout")]),t._v(". This equates to what portion of the inner should be cut out. This defaults to "),e("code",[t._v("0")]),t._v(" for pie charts, and "),e("code",[t._v("'50%'")]),t._v(" for doughnuts.")]),t._v(" "),e("p",[t._v("They are also registered under two aliases in the "),e("code",[t._v("Chart")]),t._v(" core. Other than their different default value, and different alias, they are exactly the same.")]),t._v(" "),e("tabs",[e("tab",{attrs:{name:"Doughnut"}},[e("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1),t._v(" "),e("tab",{attrs:{name:"Pie"}},[e("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \nconst config = {\n type: 'pie',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)],1),t._v(" "),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.doughnut")]),t._v(" - options for all doughnut datasets")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.pie")]),t._v(" - options for all pie datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.arc")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#arc-configuration"}},[t._v("arc elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The doughnut/pie chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colours of the dataset's arcs are generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#border-alignment"}},[e("code",[t._v("borderAlign")])])]),t._v(" "),e("td",[e("code",[t._v("'center'")]),t._v("|"),e("code",[t._v("'inner'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'#fff'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#border-radius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("2")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("circumference")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("offset")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("spacing")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("weight")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("1")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("circumference")])]),t._v(" "),e("td",[t._v("Per-dataset override for the sweep that the arcs cover")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Per-dataset override for the starting angle to draw arcs from")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("The style of each arc can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("arc background color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("arc border color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("arc border length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("arc border offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("arc border join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("arc border width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[t._v("arc offset (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("spacing")])]),t._v(" "),e("td",[t._v("Fixed arc offset (in pixels). Similar to "),e("code",[t._v("offset")]),t._v(" but applies to all arcs.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[t._v("The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#arc-configuration"}},[e("code",[t._v("elements.arc.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"border-alignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border-alignment"}},[t._v("#")]),t._v(" Border Alignment")]),t._v(" "),e("p",[t._v("The following values are supported for "),e("code",[t._v("borderAlign")]),t._v(".")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'center'")]),t._v(" (default)")]),t._v(" "),e("li",[e("code",[t._v("'inner'")])])]),t._v(" "),e("p",[t._v("When "),e("code",[t._v("'center'")]),t._v(" is set, the borders of arcs next to each other will overlap. When "),e("code",[t._v("'inner'")]),t._v(" is set, it is guaranteed that all borders will not overlap.")]),t._v(" "),e("h3",{attrs:{id:"border-radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border-radius"}},[t._v("#")]),t._v(" Border Radius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the arc (outerStart, outerEnd, innerStart, innerRight). If this value is an object, the "),e("code",[t._v("outerStart")]),t._v(" property defines the outer-start corner's border radius. Similarly, the "),e("code",[t._v("outerEnd")]),t._v(", "),e("code",[t._v("innerStart")]),t._v(", and "),e("code",[t._v("innerEnd")]),t._v(" properties can also be specified.")]),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each arc can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("hoverBackgroundColor")])]),t._v(" "),e("td",[t._v("arc background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderColor")])]),t._v(" "),e("td",[t._v("arc border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderDash")])]),t._v(" "),e("td",[t._v("arc border length and spacing of dashes when hovered. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderDashOffset")])]),t._v(" "),e("td",[t._v("arc border offset for line dashes when hovered. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderJoinStyle")])]),t._v(" "),e("td",[t._v("arc border join style when hovered. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",[t._v("arc border width when hovered (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverOffset")])]),t._v(" "),e("td",[t._v("arc offset when hovered (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#arc-configuration"}},[e("code",[t._v("elements.arc.*")])]),t._v(" options.")],1),t._v(" "),e("h2",{attrs:{id:"config-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#config-options"}},[t._v("#")]),t._v(" Config Options")]),t._v(" "),e("p",[t._v("These are the customisation options specific to Pie & Doughnut charts. These options are looked up on access, and form together with the global chart configuration the options of the chart.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("cutout")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("50%")]),t._v(" - for doughnut, "),e("code",[t._v("0")]),t._v(" - for pie")]),t._v(" "),e("td",[t._v("The portion of the chart that is cut out of the middle. If "),e("code",[t._v("string")]),t._v(" and ending with '%', percentage of the chart radius. "),e("code",[t._v("number")]),t._v(" is considered to be pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("100%")])]),t._v(" "),e("td",[t._v("The outer radius of the chart. If "),e("code",[t._v("string")]),t._v(" and ending with '%', percentage of the maximum radius. "),e("code",[t._v("number")]),t._v(" is considered to be pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("0")]),t._v(" "),e("td",[t._v("Starting angle to draw arcs from.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("circumference")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("360")]),t._v(" "),e("td",[t._v("Sweep to allow arcs to cover.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("animation.animateRotate")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, the chart will animate in with a rotation animation. This property is in the "),e("code",[t._v("options.animation")]),t._v(" object.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("animation.animateScale")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, will animate scaling the chart from the center outwards.")])])])]),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("We can also change these default values for each Doughnut type that is created, this object is available at "),e("code",[t._v("Chart.overrides.doughnut")]),t._v(". Pie charts also have a clone of these defaults available to change at "),e("code",[t._v("Chart.overrides.pie")]),t._v(", with the only difference being "),e("code",[t._v("cutout")]),t._v(" being set to 0.")]),t._v(" "),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("For a pie chart, datasets need to contain an array of data points. The data points should be a number, Chart.js will total all the numbers and calculate the relative proportion of each.")]),t._v(" "),e("p",[t._v("You also need to specify an array of labels so that tooltips appear correctly.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("data "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// These labels appear in the legend and in the tooltips when hovering different arcs")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Red'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Yellow'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Blue'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[150],{481:function(t,e,r){"use strict";r.r(e);var a=r(3),o=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"doughnut-and-pie-charts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#doughnut-and-pie-charts"}},[t._v("#")]),t._v(" Doughnut and Pie Charts")]),t._v(" "),e("p",[t._v("Pie and doughnut charts are probably the most commonly used charts. They are divided into segments, the arc of each segment shows the proportional value of each piece of data.")]),t._v(" "),e("p",[t._v("They are excellent at showing the relational proportions between data.")]),t._v(" "),e("p",[t._v("Pie and doughnut charts are effectively the same class in Chart.js, but have one different default value - their "),e("code",[t._v("cutout")]),t._v(". This equates to what portion of the inner should be cut out. This defaults to "),e("code",[t._v("0")]),t._v(" for pie charts, and "),e("code",[t._v("'50%'")]),t._v(" for doughnuts.")]),t._v(" "),e("p",[t._v("They are also registered under two aliases in the "),e("code",[t._v("Chart")]),t._v(" core. Other than their different default value, and different alias, they are exactly the same.")]),t._v(" "),e("tabs",[e("tab",{attrs:{name:"Doughnut"}},[e("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1),t._v(" "),e("tab",{attrs:{name:"Pie"}},[e("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \nconst config = {\n type: 'pie',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)],1),t._v(" "),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.doughnut")]),t._v(" - options for all doughnut datasets")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.pie")]),t._v(" - options for all pie datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.arc")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#arc-configuration"}},[t._v("arc elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The doughnut/pie chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colours of the dataset's arcs are generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#border-alignment"}},[e("code",[t._v("borderAlign")])])]),t._v(" "),e("td",[e("code",[t._v("'center'")]),t._v("|"),e("code",[t._v("'inner'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'center'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'#fff'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#border-radius"}},[e("code",[t._v("borderRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("2")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("circumference")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("hoverOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("offset")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("rotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("spacing")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#styling"}},[e("code",[t._v("weight")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("1")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("circumference")])]),t._v(" "),e("td",[t._v("Per-dataset override for the sweep that the arcs cover")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[t._v("Per-dataset override for the starting angle to draw arcs from")])])])]),t._v(" "),e("h3",{attrs:{id:"styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#styling"}},[t._v("#")]),t._v(" Styling")]),t._v(" "),e("p",[t._v("The style of each arc can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("arc background color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("arc border color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("arc border length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("arc border offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("arc border join style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("arc border width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("offset")])]),t._v(" "),e("td",[t._v("arc offset (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("spacing")])]),t._v(" "),e("td",[t._v("Fixed arc offset (in pixels). Similar to "),e("code",[t._v("offset")]),t._v(" but applies to all arcs.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("weight")])]),t._v(" "),e("td",[t._v("The relative thickness of the dataset. Providing a value for weight will cause the pie or doughnut dataset to be drawn with a thickness relative to the sum of all the dataset weight values.")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#arc-configuration"}},[e("code",[t._v("elements.arc.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"border-alignment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border-alignment"}},[t._v("#")]),t._v(" Border Alignment")]),t._v(" "),e("p",[t._v("The following values are supported for "),e("code",[t._v("borderAlign")]),t._v(".")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'center'")]),t._v(" (default)")]),t._v(" "),e("li",[e("code",[t._v("'inner'")])])]),t._v(" "),e("p",[t._v("When "),e("code",[t._v("'center'")]),t._v(" is set, the borders of arcs next to each other will overlap. When "),e("code",[t._v("'inner'")]),t._v(" is set, it is guaranteed that all borders will not overlap.")]),t._v(" "),e("h3",{attrs:{id:"border-radius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#border-radius"}},[t._v("#")]),t._v(" Border Radius")]),t._v(" "),e("p",[t._v("If this value is a number, it is applied to all corners of the arc (outerStart, outerEnd, innerStart, innerRight). If this value is an object, the "),e("code",[t._v("outerStart")]),t._v(" property defines the outer-start corner's border radius. Similarly, the "),e("code",[t._v("outerEnd")]),t._v(", "),e("code",[t._v("innerStart")]),t._v(", and "),e("code",[t._v("innerEnd")]),t._v(" properties can also be specified.")]),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each arc can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("hoverBackgroundColor")])]),t._v(" "),e("td",[t._v("arc background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderColor")])]),t._v(" "),e("td",[t._v("arc border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderDash")])]),t._v(" "),e("td",[t._v("arc border length and spacing of dashes when hovered. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderDashOffset")])]),t._v(" "),e("td",[t._v("arc border offset for line dashes when hovered. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderJoinStyle")])]),t._v(" "),e("td",[t._v("arc border join style when hovered. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",[t._v("arc border width when hovered (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("hoverOffset")])]),t._v(" "),e("td",[t._v("arc offset when hovered (in pixels).")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#arc-configuration"}},[e("code",[t._v("elements.arc.*")])]),t._v(" options.")],1),t._v(" "),e("h2",{attrs:{id:"config-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#config-options"}},[t._v("#")]),t._v(" Config Options")]),t._v(" "),e("p",[t._v("These are the customisation options specific to Pie & Doughnut charts. These options are looked up on access, and form together with the global chart configuration the options of the chart.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("cutout")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("50%")]),t._v(" - for doughnut, "),e("code",[t._v("0")]),t._v(" - for pie")]),t._v(" "),e("td",[t._v("The portion of the chart that is cut out of the middle. If "),e("code",[t._v("string")]),t._v(" and ending with '%', percentage of the chart radius. "),e("code",[t._v("number")]),t._v(" is considered to be pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("radius")])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("100%")])]),t._v(" "),e("td",[t._v("The outer radius of the chart. If "),e("code",[t._v("string")]),t._v(" and ending with '%', percentage of the maximum radius. "),e("code",[t._v("number")]),t._v(" is considered to be pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("rotation")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("0")]),t._v(" "),e("td",[t._v("Starting angle to draw arcs from.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("circumference")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",[t._v("360")]),t._v(" "),e("td",[t._v("Sweep to allow arcs to cover.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("animation.animateRotate")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",[t._v("If true, the chart will animate in with a rotation animation. This property is in the "),e("code",[t._v("options.animation")]),t._v(" object.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("animation.animateScale")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("If true, will animate scaling the chart from the center outwards.")])])])]),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("We can also change these default values for each Doughnut type that is created, this object is available at "),e("code",[t._v("Chart.overrides.doughnut")]),t._v(". Pie charts also have a clone of these defaults available to change at "),e("code",[t._v("Chart.overrides.pie")]),t._v(", with the only difference being "),e("code",[t._v("cutout")]),t._v(" being set to 0.")]),t._v(" "),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("For a pie chart, datasets need to contain an array of data points. The data points should be a number, Chart.js will total all the numbers and calculate the relative proportion of each.")]),t._v(" "),e("p",[t._v("You also need to specify an array of labels so that tooltips appear correctly.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("data "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// These labels appear in the legend and in the tooltips when hovering different arcs")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Red'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Yellow'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Blue'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/151.1b2eb7c7.js b/docs/master/assets/js/151.c71841b0.js similarity index 99% rename from docs/master/assets/js/151.1b2eb7c7.js rename to docs/master/assets/js/151.c71841b0.js index fbf06f2f82..81795dcf26 100644 --- a/docs/master/assets/js/151.1b2eb7c7.js +++ b/docs/master/assets/js/151.c71841b0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[151],{483:function(t,e,a){"use strict";a.r(e);var n=a(3),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"line-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[t._v("#")]),t._v(" Line Chart")]),t._v(" "),e("p",[t._v("A line chart is a way of plotting data points on a line. Often, it is used to show trend data, or the comparison of two data sets.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.line")]),t._v(" - options for all line datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.line")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[t._v("line elements")])],1),t._v(" "),e("li",[e("code",[t._v("options.elements.point")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The line chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of a line is generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#cubicinterpolationmode"}},[e("code",[t._v("cubicInterpolationMode")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'default'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("object[]")]),t._v("| "),e("code",[t._v("number[]")]),t._v("|"),e("code",[t._v("string[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawActiveElementsOnTop")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("fill")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("indexAxis")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'x'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointHitRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("4")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#segment"}},[e("code",[t._v("segment")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("showLine")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("spanGaps")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("stack")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'line'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#stepped"}},[e("code",[t._v("stepped")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("tension")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first x axis")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first y axis")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawActiveElementsOnTop")])]),t._v(" "),e("td",[t._v("Draw the active points of a dataset over the other points of the dataset")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("indexAxis")])]),t._v(" "),e("td",[t._v("The base axis of the dataset. "),e("code",[t._v("'x'")]),t._v(" for horizontal lines and "),e("code",[t._v("'y'")]),t._v(" for vertical lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack). "),e("a",{attrs:{href:"#stacked-area-chart"}},[t._v("more")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAxisID")])]),t._v(" "),e("td",[t._v("The ID of the x-axis to plot this dataset on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAxisID")])]),t._v(" "),e("td",[t._v("The ID of the y-axis to plot this dataset on.")])])])]),t._v(" "),e("h3",{attrs:{id:"point-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-styling"}},[t._v("#")]),t._v(" Point Styling")]),t._v(" "),e("p",[t._v("The style of each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointBackgroundColor")])]),t._v(" "),e("td",[t._v("The fill color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderColor")])]),t._v(" "),e("td",[t._v("The border color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderWidth")])]),t._v(" "),e("td",[t._v("The width of the point border in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHitRadius")])]),t._v(" "),e("td",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRadius")])]),t._v(" "),e("td",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRotation")])]),t._v(" "),e("td",[t._v("The rotation of the point in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point. "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("more...")])],1)])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback first to the dataset options then to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"line-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-styling"}},[t._v("#")]),t._v(" Line Styling")]),t._v(" "),e("p",[t._v("The style of the line can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("The line fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("The line color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Line joint style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("The line width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("fill")])]),t._v(" "),e("td",[t._v("How to fill the area under the line. See "),e("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("area charts")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tension")])]),t._v(" "),e("td",[t._v("Bezier curve tension of the line. Set to 0 to draw straightlines. This option is ignored if monotone cubic interpolation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLine")])]),t._v(" "),e("td",[t._v("If false, the line is not drawn for this dataset.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("spanGaps")])]),t._v(" "),e("td",[t._v("If true, lines will be drawn between points with no or null data. If false, points with "),e("code",[t._v("null")]),t._v(" data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.")])])])]),t._v(" "),e("p",[t._v("If the value is "),e("code",[t._v("undefined")]),t._v(", the values fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[e("code",[t._v("elements.line.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointHoverBackgroundColor")])]),t._v(" "),e("td",[t._v("Point background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderColor")])]),t._v(" "),e("td",[t._v("Point border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderWidth")])]),t._v(" "),e("td",[t._v("Border width of point when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverRadius")])]),t._v(" "),e("td",[t._v("The radius of the point when hovered.")])])])]),t._v(" "),e("h3",{attrs:{id:"cubicinterpolationmode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cubicinterpolationmode"}},[t._v("#")]),t._v(" cubicInterpolationMode")]),t._v(" "),e("p",[t._v("The following interpolation modes are supported.")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'default'")])]),t._v(" "),e("li",[e("code",[t._v("'monotone'")])])]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("'default'")]),t._v(" algorithm uses a custom weighted cubic interpolation, which produces pleasant curves for all types of datasets.")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("'monotone'")]),t._v(" algorithm is more suited to "),e("code",[t._v("y = f(x)")]),t._v(" datasets: it preserves monotonicity (or piecewise monotonicity) of the dataset being interpolated, and ensures local extremums (if any) stay at input data points.")]),t._v(" "),e("p",[t._v("If left untouched ("),e("code",[t._v("undefined")]),t._v("), the global "),e("code",[t._v("options.elements.line.cubicInterpolationMode")]),t._v(" property is used.")]),t._v(" "),e("h3",{attrs:{id:"segment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#segment"}},[t._v("#")]),t._v(" Segment")]),t._v(" "),e("p",[t._v("Line segment styles can be overridden by scriptable options in the "),e("code",[t._v("segment")]),t._v(" object. Currently, all of the "),e("code",[t._v("border*")]),t._v(" and "),e("code",[t._v("backgroundColor")]),t._v(" options are supported. The segment styles are resolved for each section of the line between each point. "),e("code",[t._v("undefined")]),t._v(" fallbacks to main line styles.")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),e("p",[t._v("To be able to style gaps, you need the "),e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("spanGaps")])]),t._v(" option enabled.")])]),t._v(" "),e("p",[t._v("Context for the scriptable segment contains the following properties:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'segment'")])]),t._v(" "),e("li",[e("code",[t._v("p0")]),t._v(": first point element")]),t._v(" "),e("li",[e("code",[t._v("p1")]),t._v(": second point element")]),t._v(" "),e("li",[e("code",[t._v("p0DataIndex")]),t._v(": index of first point in the data array")]),t._v(" "),e("li",[e("code",[t._v("p1DataIndex")]),t._v(": index of second point in the data array")]),t._v(" "),e("li",[e("code",[t._v("datasetIndex")]),t._v(": dataset index")])]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/samples/line/segments.html"}},[t._v("Example usage")])],1),t._v(" "),e("h3",{attrs:{id:"stepped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stepped"}},[t._v("#")]),t._v(" Stepped")]),t._v(" "),e("p",[t._v("The following values are supported for "),e("code",[t._v("stepped")]),t._v(".")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("false")]),t._v(": No Step Interpolation (default)")]),t._v(" "),e("li",[e("code",[t._v("true")]),t._v(": Step-before Interpolation (eq. "),e("code",[t._v("'before'")]),t._v(")")]),t._v(" "),e("li",[e("code",[t._v("'before'")]),t._v(": Step-before Interpolation")]),t._v(" "),e("li",[e("code",[t._v("'after'")]),t._v(": Step-after Interpolation")]),t._v(" "),e("li",[e("code",[t._v("'middle'")]),t._v(": Step-middle Interpolation")])]),t._v(" "),e("p",[t._v("If the "),e("code",[t._v("stepped")]),t._v(" value is set to anything other than false, "),e("code",[t._v("tension")]),t._v(" will be ignored.")]),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("It is common to want to apply a configuration setting to all created line charts. The global line chart settings are stored in "),e("code",[t._v("Chart.overrides.line")]),t._v(". Changing the global options only affects charts created after the change. Existing charts are not changed.")]),t._v(" "),e("p",[t._v("For example, to configure all line charts with "),e("code",[t._v("spanGaps = true")]),t._v(" you would do:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("overrides"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("line"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("spanGaps "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("All the supported "),e("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("data structures")]),t._v(" can be used with line charts.")],1),t._v(" "),e("h2",{attrs:{id:"stacked-area-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stacked-area-chart"}},[t._v("#")]),t._v(" Stacked Area Chart")]),t._v(" "),e("p",[t._v("Line charts can be configured into stacked area charts by changing the settings on the y-axis to enable stacking. Stacked area charts can be used to show how one data trend is made up of a number of smaller pieces.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" stackedLine "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stacked")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"vertical-line-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vertical-line-chart"}},[t._v("#")]),t._v(" Vertical Line Chart")]),t._v(" "),e("p",[t._v("A vertical line chart is a variation on the horizontal line chart.\nTo achieve this, you will have to set the "),e("code",[t._v("indexAxis")]),t._v(" property in the options object to "),e("code",[t._v("'y'")]),t._v(".\nThe default for this property is "),e("code",[t._v("'x'")]),t._v(" and thus will show horizontal lines.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n axis: 'y',\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"config-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#config-options"}},[t._v("#")]),t._v(" Config Options")]),t._v(" "),e("p",[t._v("The configuration options for the vertical line chart are the same as for the "),e("a",{attrs:{href:"#configuration-options"}},[t._v("line chart")]),t._v(". However, any options specified on the x-axis in a line chart, are applied to the y-axis in a vertical line chart.")]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y}")])])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[151],{482:function(t,e,a){"use strict";a.r(e);var n=a(3),o=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"line-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[t._v("#")]),t._v(" Line Chart")]),t._v(" "),e("p",[t._v("A line chart is a way of plotting data points on a line. Often, it is used to show trend data, or the comparison of two data sets.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n tension: 0.1\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.line")]),t._v(" - options for all line datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.line")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[t._v("line elements")])],1),t._v(" "),e("li",[e("code",[t._v("options.elements.point")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The line chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of a line is generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#cubicinterpolationmode"}},[e("code",[t._v("cubicInterpolationMode")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'default'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("object")]),t._v("|"),e("code",[t._v("object[]")]),t._v("| "),e("code",[t._v("number[]")]),t._v("|"),e("code",[t._v("string[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("drawActiveElementsOnTop")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("fill")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("indexAxis")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'x'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointHitRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("4")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#segment"}},[e("code",[t._v("segment")])])]),t._v(" "),e("td",[e("code",[t._v("object")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("showLine")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("true")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("spanGaps")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("stack")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'line'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#stepped"}},[e("code",[t._v("stepped")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("tension")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("xAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first x axis")])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("yAxisID")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[t._v("first y axis")])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("drawActiveElementsOnTop")])]),t._v(" "),e("td",[t._v("Draw the active points of a dataset over the other points of the dataset")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("indexAxis")])]),t._v(" "),e("td",[t._v("The base axis of the dataset. "),e("code",[t._v("'x'")]),t._v(" for horizontal lines and "),e("code",[t._v("'y'")]),t._v(" for vertical lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("stack")])]),t._v(" "),e("td",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack). "),e("a",{attrs:{href:"#stacked-area-chart"}},[t._v("more")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("xAxisID")])]),t._v(" "),e("td",[t._v("The ID of the x-axis to plot this dataset on.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("yAxisID")])]),t._v(" "),e("td",[t._v("The ID of the y-axis to plot this dataset on.")])])])]),t._v(" "),e("h3",{attrs:{id:"point-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-styling"}},[t._v("#")]),t._v(" Point Styling")]),t._v(" "),e("p",[t._v("The style of each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointBackgroundColor")])]),t._v(" "),e("td",[t._v("The fill color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderColor")])]),t._v(" "),e("td",[t._v("The border color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderWidth")])]),t._v(" "),e("td",[t._v("The width of the point border in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHitRadius")])]),t._v(" "),e("td",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRadius")])]),t._v(" "),e("td",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRotation")])]),t._v(" "),e("td",[t._v("The rotation of the point in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point. "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("more...")])],1)])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback first to the dataset options then to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"line-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-styling"}},[t._v("#")]),t._v(" Line Styling")]),t._v(" "),e("p",[t._v("The style of the line can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("The line fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("The line color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Line joint style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("The line width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("fill")])]),t._v(" "),e("td",[t._v("How to fill the area under the line. See "),e("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("area charts")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tension")])]),t._v(" "),e("td",[t._v("Bezier curve tension of the line. Set to 0 to draw straightlines. This option is ignored if monotone cubic interpolation is used.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("showLine")])]),t._v(" "),e("td",[t._v("If false, the line is not drawn for this dataset.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("spanGaps")])]),t._v(" "),e("td",[t._v("If true, lines will be drawn between points with no or null data. If false, points with "),e("code",[t._v("null")]),t._v(" data will create a break in the line. Can also be a number specifying the maximum gap length to span. The unit of the value depends on the scale used.")])])])]),t._v(" "),e("p",[t._v("If the value is "),e("code",[t._v("undefined")]),t._v(", the values fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[e("code",[t._v("elements.line.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointHoverBackgroundColor")])]),t._v(" "),e("td",[t._v("Point background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderColor")])]),t._v(" "),e("td",[t._v("Point border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderWidth")])]),t._v(" "),e("td",[t._v("Border width of point when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverRadius")])]),t._v(" "),e("td",[t._v("The radius of the point when hovered.")])])])]),t._v(" "),e("h3",{attrs:{id:"cubicinterpolationmode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cubicinterpolationmode"}},[t._v("#")]),t._v(" cubicInterpolationMode")]),t._v(" "),e("p",[t._v("The following interpolation modes are supported.")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'default'")])]),t._v(" "),e("li",[e("code",[t._v("'monotone'")])])]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("'default'")]),t._v(" algorithm uses a custom weighted cubic interpolation, which produces pleasant curves for all types of datasets.")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("'monotone'")]),t._v(" algorithm is more suited to "),e("code",[t._v("y = f(x)")]),t._v(" datasets: it preserves monotonicity (or piecewise monotonicity) of the dataset being interpolated, and ensures local extremums (if any) stay at input data points.")]),t._v(" "),e("p",[t._v("If left untouched ("),e("code",[t._v("undefined")]),t._v("), the global "),e("code",[t._v("options.elements.line.cubicInterpolationMode")]),t._v(" property is used.")]),t._v(" "),e("h3",{attrs:{id:"segment"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#segment"}},[t._v("#")]),t._v(" Segment")]),t._v(" "),e("p",[t._v("Line segment styles can be overridden by scriptable options in the "),e("code",[t._v("segment")]),t._v(" object. Currently, all of the "),e("code",[t._v("border*")]),t._v(" and "),e("code",[t._v("backgroundColor")]),t._v(" options are supported. The segment styles are resolved for each section of the line between each point. "),e("code",[t._v("undefined")]),t._v(" fallbacks to main line styles.")]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),e("p",[t._v("To be able to style gaps, you need the "),e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("spanGaps")])]),t._v(" option enabled.")])]),t._v(" "),e("p",[t._v("Context for the scriptable segment contains the following properties:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'segment'")])]),t._v(" "),e("li",[e("code",[t._v("p0")]),t._v(": first point element")]),t._v(" "),e("li",[e("code",[t._v("p1")]),t._v(": second point element")]),t._v(" "),e("li",[e("code",[t._v("p0DataIndex")]),t._v(": index of first point in the data array")]),t._v(" "),e("li",[e("code",[t._v("p1DataIndex")]),t._v(": index of second point in the data array")]),t._v(" "),e("li",[e("code",[t._v("datasetIndex")]),t._v(": dataset index")])]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/samples/line/segments.html"}},[t._v("Example usage")])],1),t._v(" "),e("h3",{attrs:{id:"stepped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stepped"}},[t._v("#")]),t._v(" Stepped")]),t._v(" "),e("p",[t._v("The following values are supported for "),e("code",[t._v("stepped")]),t._v(".")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("false")]),t._v(": No Step Interpolation (default)")]),t._v(" "),e("li",[e("code",[t._v("true")]),t._v(": Step-before Interpolation (eq. "),e("code",[t._v("'before'")]),t._v(")")]),t._v(" "),e("li",[e("code",[t._v("'before'")]),t._v(": Step-before Interpolation")]),t._v(" "),e("li",[e("code",[t._v("'after'")]),t._v(": Step-after Interpolation")]),t._v(" "),e("li",[e("code",[t._v("'middle'")]),t._v(": Step-middle Interpolation")])]),t._v(" "),e("p",[t._v("If the "),e("code",[t._v("stepped")]),t._v(" value is set to anything other than false, "),e("code",[t._v("tension")]),t._v(" will be ignored.")]),t._v(" "),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("It is common to want to apply a configuration setting to all created line charts. The global line chart settings are stored in "),e("code",[t._v("Chart.overrides.line")]),t._v(". Changing the global options only affects charts created after the change. Existing charts are not changed.")]),t._v(" "),e("p",[t._v("For example, to configure all line charts with "),e("code",[t._v("spanGaps = true")]),t._v(" you would do:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("overrides"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("line"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("spanGaps "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("All the supported "),e("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("data structures")]),t._v(" can be used with line charts.")],1),t._v(" "),e("h2",{attrs:{id:"stacked-area-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stacked-area-chart"}},[t._v("#")]),t._v(" Stacked Area Chart")]),t._v(" "),e("p",[t._v("Line charts can be configured into stacked area charts by changing the settings on the y-axis to enable stacking. Stacked area charts can be used to show how one data trend is made up of a number of smaller pieces.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" stackedLine "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("stacked")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"vertical-line-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vertical-line-chart"}},[t._v("#")]),t._v(" Vertical Line Chart")]),t._v(" "),e("p",[t._v("A vertical line chart is a variation on the horizontal line chart.\nTo achieve this, you will have to set the "),e("code",[t._v("indexAxis")]),t._v(" property in the options object to "),e("code",[t._v("'y'")]),t._v(".\nThe default for this property is "),e("code",[t._v("'x'")]),t._v(" and thus will show horizontal lines.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [{\n axis: 'y',\n label: 'My First Dataset',\n data: [65, 59, 80, 81, 56, 55, 40],\n fill: false,\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(255, 159, 64, 0.2)',\n 'rgba(255, 205, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(201, 203, 207, 0.2)'\n ],\n borderColor: [\n 'rgb(255, 99, 132)',\n 'rgb(255, 159, 64)',\n 'rgb(255, 205, 86)',\n 'rgb(75, 192, 192)',\n 'rgb(54, 162, 235)',\n 'rgb(153, 102, 255)',\n 'rgb(201, 203, 207)'\n ],\n borderWidth: 1\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h3",{attrs:{id:"config-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#config-options"}},[t._v("#")]),t._v(" Config Options")]),t._v(" "),e("p",[t._v("The configuration options for the vertical line chart are the same as for the "),e("a",{attrs:{href:"#configuration-options"}},[t._v("line chart")]),t._v(". However, any options specified on the x-axis in a line chart, are applied to the y-axis in a vertical line chart.")]),t._v(" "),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y}")])])],1)}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/152.e0be58e0.js b/docs/master/assets/js/152.5fbac3ce.js similarity index 99% rename from docs/master/assets/js/152.e0be58e0.js rename to docs/master/assets/js/152.5fbac3ce.js index 18562dec31..5d4bbc7f2d 100644 --- a/docs/master/assets/js/152.e0be58e0.js +++ b/docs/master/assets/js/152.5fbac3ce.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[152],{482:function(t,a,s){"use strict";s.r(a);var n=s(3),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"mixed-chart-types"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#mixed-chart-types"}},[t._v("#")]),t._v(" Mixed Chart Types")]),t._v(" "),a("p",[t._v("With Chart.js, it is possible to create mixed charts that are a combination of two or more different chart types. A common example is a bar chart that also includes a line dataset.")]),t._v(" "),a("p",[t._v("When creating a mixed chart, we specify the chart type on each dataset.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" mixedChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Bar Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Line Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("At this point, we have a chart rendering how we'd like. It's important to note that the default options for the charts are only considered at the dataset level and are not merged at the chart level in this case.")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'January',\n 'February',\n 'March',\n 'April'\n ],\n datasets: [{\n type: 'bar',\n label: 'Bar Dataset',\n data: [10, 20, 30, 40],\n borderColor: 'rgb(255, 99, 132)',\n backgroundColor: 'rgba(255, 99, 132, 0.2)'\n }, {\n type: 'line',\n label: 'Line Dataset',\n data: [50, 50, 50, 50],\n fill: false,\n borderColor: 'rgb(54, 162, 235)'\n }]\n};\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h2",{attrs:{id:"drawing-order"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#drawing-order"}},[t._v("#")]),t._v(" Drawing order")]),t._v(" "),a("p",[t._v("By default, datasets are drawn such that the first one is top-most. This can be altered by specifying "),a("code",[t._v("order")]),t._v(" option to datasets. "),a("code",[t._v("order")]),t._v(" defaults to "),a("code",[t._v("0")]),t._v(". Note that this also affects stacking, legend, and tooltip. So it's essentially the same as reordering the datasets.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("order")]),t._v(" property behaves like a weight instead of a specific order, so the higher the number, the sooner that dataset is drawn on the canvas and thus other datasets with a lower order number will get drawn over it.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" mixedChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Bar Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this dataset is drawn below")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("order")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Line Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this dataset is drawn on top")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("order")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])],1)}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[152],{484:function(t,a,s){"use strict";s.r(a);var n=s(3),r=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"mixed-chart-types"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#mixed-chart-types"}},[t._v("#")]),t._v(" Mixed Chart Types")]),t._v(" "),a("p",[t._v("With Chart.js, it is possible to create mixed charts that are a combination of two or more different chart types. A common example is a bar chart that also includes a line dataset.")]),t._v(" "),a("p",[t._v("When creating a mixed chart, we specify the chart type on each dataset.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" mixedChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Bar Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Line Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("At this point, we have a chart rendering how we'd like. It's important to note that the default options for the charts are only considered at the dataset level and are not merged at the chart level in this case.")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'January',\n 'February',\n 'March',\n 'April'\n ],\n datasets: [{\n type: 'bar',\n label: 'Bar Dataset',\n data: [10, 20, 30, 40],\n borderColor: 'rgb(255, 99, 132)',\n backgroundColor: 'rgba(255, 99, 132, 0.2)'\n }, {\n type: 'line',\n label: 'Line Dataset',\n data: [50, 50, 50, 50],\n fill: false,\n borderColor: 'rgb(54, 162, 235)'\n }]\n};\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h2",{attrs:{id:"drawing-order"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#drawing-order"}},[t._v("#")]),t._v(" Drawing order")]),t._v(" "),a("p",[t._v("By default, datasets are drawn such that the first one is top-most. This can be altered by specifying "),a("code",[t._v("order")]),t._v(" option to datasets. "),a("code",[t._v("order")]),t._v(" defaults to "),a("code",[t._v("0")]),t._v(". Note that this also affects stacking, legend, and tooltip. So it's essentially the same as reordering the datasets.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("order")]),t._v(" property behaves like a weight instead of a specific order, so the higher the number, the sooner that dataset is drawn on the canvas and thus other datasets with a lower order number will get drawn over it.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" mixedChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Bar Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("40")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this dataset is drawn below")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("order")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Line Dataset'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this dataset is drawn on top")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("order")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])],1)}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/154.595ad672.js b/docs/master/assets/js/154.58e4168e.js similarity index 99% rename from docs/master/assets/js/154.595ad672.js rename to docs/master/assets/js/154.58e4168e.js index 17a0b31cf9..9dc6bce1fe 100644 --- a/docs/master/assets/js/154.595ad672.js +++ b/docs/master/assets/js/154.58e4168e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[154],{487:function(t,e,a){"use strict";a.r(e);var r=a(3),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"radar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radar-chart"}},[t._v("#")]),t._v(" Radar Chart")]),t._v(" "),e("p",[t._v("A radar chart is a way of showing multiple data points and the variation between them.")]),t._v(" "),e("p",[t._v("They are often useful for comparing the points of two or more different data sets.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Eating',\n 'Drinking',\n 'Sleeping',\n 'Designing',\n 'Coding',\n 'Cycling',\n 'Running'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 90, 81, 56, 55, 40],\n fill: true,\n backgroundColor: 'rgba(255, 99, 132, 0.2)',\n borderColor: 'rgb(255, 99, 132)',\n pointBackgroundColor: 'rgb(255, 99, 132)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgb(255, 99, 132)'\n }, {\n label: 'My Second Dataset',\n data: [28, 48, 40, 19, 96, 27, 100],\n fill: true,\n backgroundColor: 'rgba(54, 162, 235, 0.2)',\n borderColor: 'rgb(54, 162, 235)',\n pointBackgroundColor: 'rgb(54, 162, 235)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgb(54, 162, 235)'\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data: data,\n options: {\n elements: {\n line: {\n borderWidth: 3\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.line")]),t._v(" - options for all line datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.line")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[t._v("line elements")])],1),t._v(" "),e("li",[e("code",[t._v("options.elements.point")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The radar chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of a line is generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("fill")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("tension")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointHitRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("4")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("spanGaps")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"point-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-styling"}},[t._v("#")]),t._v(" Point Styling")]),t._v(" "),e("p",[t._v("The style of each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointBackgroundColor")])]),t._v(" "),e("td",[t._v("The fill color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderColor")])]),t._v(" "),e("td",[t._v("The border color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderWidth")])]),t._v(" "),e("td",[t._v("The width of the point border in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHitRadius")])]),t._v(" "),e("td",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRadius")])]),t._v(" "),e("td",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRotation")])]),t._v(" "),e("td",[t._v("The rotation of the point in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point. "),e("a",{attrs:{href:"../configuration/elements#point-styles"}},[t._v("more...")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback first to the dataset options then to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"line-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-styling"}},[t._v("#")]),t._v(" Line Styling")]),t._v(" "),e("p",[t._v("The style of the line can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("The line fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("The line color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Line joint style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("The line width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("fill")])]),t._v(" "),e("td",[t._v("How to fill the area under the line. See "),e("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("area charts")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tension")])]),t._v(" "),e("td",[t._v("Bezier curve tension of the line. Set to 0 to draw straight lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("spanGaps")])]),t._v(" "),e("td",[t._v("If true, lines will be drawn between points with no or null data. If false, points with "),e("code",[t._v("null")]),t._v(" data will create a break in the line.")])])])]),t._v(" "),e("p",[t._v("If the value is "),e("code",[t._v("undefined")]),t._v(", the values fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[e("code",[t._v("elements.line.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointHoverBackgroundColor")])]),t._v(" "),e("td",[t._v("Point background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderColor")])]),t._v(" "),e("td",[t._v("Point border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderWidth")])]),t._v(" "),e("td",[t._v("Border width of point when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverRadius")])]),t._v(" "),e("td",[t._v("The radius of the point when hovered.")])])])]),t._v(" "),e("h2",{attrs:{id:"scale-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-options"}},[t._v("#")]),t._v(" Scale Options")]),t._v(" "),e("p",[t._v("The radar chart supports only a single scale. The options for this scale are defined in the "),e("code",[t._v("scales.r")]),t._v(" property, which can be referenced from the "),e("a",{attrs:{href:"../axes/radial/linear"}},[t._v("Linear Radial Axis page")]),t._v(".")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("angleLines")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMin")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMax")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("It is common to want to apply a configuration setting to all created radar charts. The global radar chart settings are stored in "),e("code",[t._v("Chart.overrides.radar")]),t._v(". Changing the global options only affects charts created after the change. Existing charts are not changed.")]),t._v(" "),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("data")]),t._v(" property of a dataset for a radar chart is specified as an array of numbers. Each point in the data array corresponds to the label at the same index.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])])]),e("p",[t._v("For a radar chart, to provide context of what each point means, we include an array of strings that show around each point in the chart.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Running'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Swimming'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Eating'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Cycling'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y}")])])],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[154],{486:function(t,e,a){"use strict";a.r(e);var r=a(3),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"radar-chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#radar-chart"}},[t._v("#")]),t._v(" Radar Chart")]),t._v(" "),e("p",[t._v("A radar chart is a way of showing multiple data points and the variation between them.")]),t._v(" "),e("p",[t._v("They are often useful for comparing the points of two or more different data sets.")]),t._v(" "),e("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Eating',\n 'Drinking',\n 'Sleeping',\n 'Designing',\n 'Coding',\n 'Cycling',\n 'Running'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, 90, 81, 56, 55, 40],\n fill: true,\n backgroundColor: 'rgba(255, 99, 132, 0.2)',\n borderColor: 'rgb(255, 99, 132)',\n pointBackgroundColor: 'rgb(255, 99, 132)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgb(255, 99, 132)'\n }, {\n label: 'My Second Dataset',\n data: [28, 48, 40, 19, 96, 27, 100],\n fill: true,\n backgroundColor: 'rgba(54, 162, 235, 0.2)',\n borderColor: 'rgb(54, 162, 235)',\n pointBackgroundColor: 'rgb(54, 162, 235)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgb(54, 162, 235)'\n }]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data: data,\n options: {\n elements: {\n line: {\n borderWidth: 3\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),e("h2",{attrs:{id:"dataset-properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),e("p",[t._v("Namespaces:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),e("li",[e("code",[t._v("options.datasets.line")]),t._v(" - options for all line datasets")]),t._v(" "),e("li",[e("code",[t._v("options.elements.line")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[t._v("line elements")])],1),t._v(" "),e("li",[e("code",[t._v("options.elements.point")]),t._v(" - options for all "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),e("li",[e("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),e("p",[t._v("The radar chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of a line is generally set this way.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#indexable-options"}},[t._v("Indexable")])],1),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("backgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'butt'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("[]")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0.0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("'miter'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("borderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBackgroundColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderCapStyle")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderColor")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/colors.html"}},[e("code",[t._v("Color")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDash")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderDashOffset")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderJoinStyle")])])]),t._v(" "),e("td",[e("code",[t._v("'round'")]),t._v("|"),e("code",[t._v("'bevel'")]),t._v("|"),e("code",[t._v("'miter'")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("hoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("clip")])])]),t._v(" "),e("td",[e("code",[t._v("number")]),t._v("|"),e("code",[t._v("object")]),t._v("|"),e("code",[t._v("false")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#data-structure"}},[e("code",[t._v("data")])])]),t._v(" "),e("td",[e("code",[t._v("number[]")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("strong",[t._v("required")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("fill")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")]),t._v("|"),e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("false")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("label")])])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("''")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#general"}},[e("code",[t._v("order")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("tension")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'rgba(0, 0, 0, 0.1)'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointHitRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBackgroundColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderColor")])])]),t._v(" "),e("td",[e("code",[t._v("Color")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverBorderWidth")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("1")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#interactions"}},[e("code",[t._v("pointHoverRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("4")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRadius")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("3")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointRotation")])])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("0")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#point-styling"}},[e("code",[t._v("pointStyle")])])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/configuration/elements.html#types"}},[e("code",[t._v("pointStyle")])])],1),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[e("code",[t._v("'circle'")])])]),t._v(" "),e("tr",[e("td",[e("a",{attrs:{href:"#line-styling"}},[e("code",[t._v("spanGaps")])])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),e("td",[e("code",[t._v("undefined")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback to the scopes described in "),e("a",{attrs:{href:"../general/options"}},[t._v("option resolution")])]),t._v(" "),e("h3",{attrs:{id:"general"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[t._v("#")]),t._v(" General")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("clip")])]),t._v(" "),e("td",[t._v("How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. "),e("code",[t._v("0")]),t._v(" = clip at chartArea. Clipping can also be configured per side: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("label")])]),t._v(" "),e("td",[t._v("The label for the dataset which appears in the legend and tooltips.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("order")])]),t._v(" "),e("td",[t._v("The drawing order of dataset. Also affects order for tooltip and legend. "),e("RouterLink",{attrs:{to:"/charts/mixed.html#drawing-order"}},[t._v("more")])],1)])])]),t._v(" "),e("h3",{attrs:{id:"point-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#point-styling"}},[t._v("#")]),t._v(" Point Styling")]),t._v(" "),e("p",[t._v("The style of each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointBackgroundColor")])]),t._v(" "),e("td",[t._v("The fill color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderColor")])]),t._v(" "),e("td",[t._v("The border color for points.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointBorderWidth")])]),t._v(" "),e("td",[t._v("The width of the point border in pixels.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHitRadius")])]),t._v(" "),e("td",[t._v("The pixel size of the non-displayed point that reacts to mouse events.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRadius")])]),t._v(" "),e("td",[t._v("The radius of the point shape. If set to 0, the point is not rendered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointRotation")])]),t._v(" "),e("td",[t._v("The rotation of the point in degrees.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",[t._v("Style of the point. "),e("a",{attrs:{href:"../configuration/elements#point-styles"}},[t._v("more...")])])])])]),t._v(" "),e("p",[t._v("All these values, if "),e("code",[t._v("undefined")]),t._v(", fallback first to the dataset options then to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[e("code",[t._v("elements.point.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"line-styling"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#line-styling"}},[t._v("#")]),t._v(" Line Styling")]),t._v(" "),e("p",[t._v("The style of the line can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",[t._v("The line fill color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderCapStyle")])]),t._v(" "),e("td",[t._v("Cap style of the line. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderColor")])]),t._v(" "),e("td",[t._v("The line color.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDash")])]),t._v(" "),e("td",[t._v("Length and spacing of dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",[t._v("Offset for line dashes. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",[t._v("Line joint style. See "),e("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[t._v("MDN"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",[t._v("The line width (in pixels).")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("fill")])]),t._v(" "),e("td",[t._v("How to fill the area under the line. See "),e("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("area charts")]),t._v(".")],1)]),t._v(" "),e("tr",[e("td",[e("code",[t._v("tension")])]),t._v(" "),e("td",[t._v("Bezier curve tension of the line. Set to 0 to draw straight lines.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("spanGaps")])]),t._v(" "),e("td",[t._v("If true, lines will be drawn between points with no or null data. If false, points with "),e("code",[t._v("null")]),t._v(" data will create a break in the line.")])])])]),t._v(" "),e("p",[t._v("If the value is "),e("code",[t._v("undefined")]),t._v(", the values fallback to the associated "),e("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[e("code",[t._v("elements.line.*")])]),t._v(" options.")],1),t._v(" "),e("h3",{attrs:{id:"interactions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interactions"}},[t._v("#")]),t._v(" Interactions")]),t._v(" "),e("p",[t._v("The interaction with each point can be controlled with the following properties:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("pointHoverBackgroundColor")])]),t._v(" "),e("td",[t._v("Point background color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderColor")])]),t._v(" "),e("td",[t._v("Point border color when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverBorderWidth")])]),t._v(" "),e("td",[t._v("Border width of point when hovered.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("pointHoverRadius")])]),t._v(" "),e("td",[t._v("The radius of the point when hovered.")])])])]),t._v(" "),e("h2",{attrs:{id:"scale-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-options"}},[t._v("#")]),t._v(" Scale Options")]),t._v(" "),e("p",[t._v("The radar chart supports only a single scale. The options for this scale are defined in the "),e("code",[t._v("scales.r")]),t._v(" property, which can be referenced from the "),e("a",{attrs:{href:"../axes/radial/linear"}},[t._v("Linear Radial Axis page")]),t._v(".")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[t._v("options "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("angleLines")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMin")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("suggestedMax")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),e("h2",{attrs:{id:"default-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#default-options"}},[t._v("#")]),t._v(" Default Options")]),t._v(" "),e("p",[t._v("It is common to want to apply a configuration setting to all created radar charts. The global radar chart settings are stored in "),e("code",[t._v("Chart.overrides.radar")]),t._v(". Changing the global options only affects charts created after the change. Existing charts are not changed.")]),t._v(" "),e("h2",{attrs:{id:"data-structure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("data")]),t._v(" property of a dataset for a radar chart is specified as an array of numbers. Each point in the data array corresponds to the label at the same index.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])])]),e("p",[t._v("For a radar chart, to provide context of what each point means, we include an array of strings that show around each point in the chart.")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labels")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Running'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Swimming'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Eating'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Cycling'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"internal-data-format"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),e("p",[e("code",[t._v("{x, y}")])])],1)}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/155.6b495496.js b/docs/master/assets/js/155.1a1b3622.js similarity index 98% rename from docs/master/assets/js/155.6b495496.js rename to docs/master/assets/js/155.1a1b3622.js index 5a0bf29b8f..8b8db01ba8 100644 --- a/docs/master/assets/js/155.6b495496.js +++ b/docs/master/assets/js/155.1a1b3622.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[155],{486:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"scatter-chart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scatter-chart"}},[t._v("#")]),t._v(" Scatter Chart")]),t._v(" "),a("p",[t._v("Scatter charts are based on basic line charts with the x-axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties. The example below creates a scatter chart with 4 points.")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst data = {\n datasets: [{\n label: 'Scatter Dataset',\n data: [{\n x: -10,\n y: 0\n }, {\n x: 0,\n y: 10\n }, {\n x: 10,\n y: 5\n }, {\n x: 0.5,\n y: 5.5\n }],\n backgroundColor: 'rgb(255, 99, 132)'\n }],\n};\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n scales: {\n x: {\n type: 'linear',\n position: 'bottom'\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h2",{attrs:{id:"dataset-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),a("p",[t._v("Namespaces:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),a("li",[a("code",[t._v("options.datasets.scatter")]),t._v(" - options for all scatter datasets")]),t._v(" "),a("li",[a("code",[t._v("options.elements.line")]),t._v(" - options for all "),a("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[t._v("line elements")])],1),t._v(" "),a("li",[a("code",[t._v("options.elements.point")]),t._v(" - options for all "),a("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),a("li",[a("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),a("p",[t._v("The scatter chart supports all the same properties as the "),a("RouterLink",{attrs:{to:"/charts/line.html#dataset-properties"}},[t._v("line chart")]),t._v(".\nBy default, the scatter chart will override the showLine property of the line chart to "),a("code",[t._v("false")]),t._v(".")],1),t._v(" "),a("p",[t._v("The index scale is of the type "),a("code",[t._v("linear")]),t._v(". This means, if you are using the labels array, the values have to be numbers or parsable to numbers, the same applies to the object format for the keys.")]),t._v(" "),a("h2",{attrs:{id:"data-structure"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),a("p",[t._v("Unlike the line chart where data can be supplied in two different formats, the scatter chart only accepts data in a point format.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])])]),a("h2",{attrs:{id:"internal-data-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),a("p",[a("code",[t._v("{x, y}")])])],1)}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[155],{487:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"scatter-chart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scatter-chart"}},[t._v("#")]),t._v(" Scatter Chart")]),t._v(" "),a("p",[t._v("Scatter charts are based on basic line charts with the x-axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties. The example below creates a scatter chart with 4 points.")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst data = {\n datasets: [{\n label: 'Scatter Dataset',\n data: [{\n x: -10,\n y: 0\n }, {\n x: 0,\n y: 10\n }, {\n x: 10,\n y: 5\n }, {\n x: 0.5,\n y: 5.5\n }],\n backgroundColor: 'rgb(255, 99, 132)'\n }],\n};\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n scales: {\n x: {\n type: 'linear',\n position: 'bottom'\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),a("h2",{attrs:{id:"dataset-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#dataset-properties"}},[t._v("#")]),t._v(" Dataset Properties")]),t._v(" "),a("p",[t._v("Namespaces:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("data.datasets[index]")]),t._v(" - options for this dataset only")]),t._v(" "),a("li",[a("code",[t._v("options.datasets.scatter")]),t._v(" - options for all scatter datasets")]),t._v(" "),a("li",[a("code",[t._v("options.elements.line")]),t._v(" - options for all "),a("RouterLink",{attrs:{to:"/configuration/elements.html#line-configuration"}},[t._v("line elements")])],1),t._v(" "),a("li",[a("code",[t._v("options.elements.point")]),t._v(" - options for all "),a("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("point elements")])],1),t._v(" "),a("li",[a("code",[t._v("options")]),t._v(" - options for the whole chart")])]),t._v(" "),a("p",[t._v("The scatter chart supports all the same properties as the "),a("RouterLink",{attrs:{to:"/charts/line.html#dataset-properties"}},[t._v("line chart")]),t._v(".\nBy default, the scatter chart will override the showLine property of the line chart to "),a("code",[t._v("false")]),t._v(".")],1),t._v(" "),a("p",[t._v("The index scale is of the type "),a("code",[t._v("linear")]),t._v(". This means, if you are using the labels array, the values have to be numbers or parsable to numbers, the same applies to the object format for the keys.")]),t._v(" "),a("h2",{attrs:{id:"data-structure"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-structure"}},[t._v("#")]),t._v(" Data Structure")]),t._v(" "),a("p",[t._v("Unlike the line chart where data can be supplied in two different formats, the scatter chart only accepts data in a point format.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("15")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])])]),a("h2",{attrs:{id:"internal-data-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#internal-data-format"}},[t._v("#")]),t._v(" Internal data format")]),t._v(" "),a("p",[a("code",[t._v("{x, y}")])])],1)}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/156.ade5dbff.js b/docs/master/assets/js/156.5babd4fa.js similarity index 99% rename from docs/master/assets/js/156.ade5dbff.js rename to docs/master/assets/js/156.5babd4fa.js index c5bd5c3852..f118114dd3 100644 --- a/docs/master/assets/js/156.ade5dbff.js +++ b/docs/master/assets/js/156.5babd4fa.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[156],{490:function(t,a,e){"use strict";e.r(a);var n=e(3),o=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" Animations")]),t._v(" "),a("p",[t._v("Chart.js animates charts out of the box. A number of options are provided to configure how the animation looks and how long it takes.")]),t._v(" "),a("tabs",[a("tab",{attrs:{name:"Looping tension [property]"}},[a("chart-editor",{attrs:{code:"// \nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'Looping tension',\n data: [65, 59, 80, 81, 26, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n animations: {\n tension: {\n duration: 1000,\n easing: 'linear',\n from: 1,\n to: 0,\n loop: true\n }\n },\n scales: {\n y: { // defining min and max so hiding the dataset does not change scale range\n min: 0,\n max: 100\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1),t._v(" "),a("tab",{attrs:{name:"Hide and show [mode]"}},[a("chart-editor",{attrs:{code:"// \nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'Try hiding me',\n data: [65, 59, 80, 81, 26, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n transitions: {\n show: {\n animations: {\n x: {\n from: 0\n },\n y: {\n from: 0\n }\n }\n },\n hide: {\n animations: {\n x: {\n to: 0\n },\n y: {\n to: 0\n }\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)],1),t._v(" "),a("h2",{attrs:{id:"animation-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animation-configuration"}},[t._v("#")]),t._v(" Animation configuration")]),t._v(" "),a("p",[t._v("Animation configuration consists of 3 keys.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Details")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("animation")]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("a",{attrs:{href:"#animation"}},[t._v("animation")])])]),t._v(" "),a("tr",[a("td",[t._v("animations")]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("a",{attrs:{href:"#animations"}},[t._v("animations")])])]),t._v(" "),a("tr",[a("td",[t._v("transitions")]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("a",{attrs:{href:"#transitions"}},[t._v("transitions")])])])])]),t._v(" "),a("p",[t._v("These keys can be configured in following paths:")]),t._v(" "),a("ul",[a("li",[t._v("`` - chart options")]),t._v(" "),a("li",[a("code",[t._v("datasets[type]")]),t._v(" - dataset type options")]),t._v(" "),a("li",[a("code",[t._v("overrides[type]")]),t._v(" - chart type options")])]),t._v(" "),a("p",[t._v("These paths are valid under "),a("code",[t._v("defaults")]),t._v(" for global configuration and "),a("code",[t._v("options")]),t._v(" for instance configuration.")]),t._v(" "),a("h2",{attrs:{id:"animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),a("p",[t._v("The default configuration is defined here: "),a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/src/core/core.animations.js",target:"_blank"}},[t._v("core.animations.js")])]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.animation")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("duration")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("1000")])]),t._v(" "),a("td",[t._v("The number of milliseconds an animation takes.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("easing")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'easeOutQuart'")])]),t._v(" "),a("td",[t._v("Easing function to use. "),a("a",{attrs:{href:"#easing"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("delay")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("Delay before starting the animations.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("loop")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("If set to "),a("code",[t._v("true")]),t._v(", the animations loop endlessly.")])])])]),t._v(" "),a("p",[t._v("These defaults can be overridden in "),a("code",[t._v("options.animation")]),t._v(" or "),a("code",[t._v("dataset.animation")]),t._v(" and "),a("code",[t._v("tooltip.animation")]),t._v(". These keys are also "),a("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"animations-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations-2"}},[t._v("#")]),t._v(" animations")]),t._v(" "),a("p",[t._v("Animations options configures which element properties are animated and how.\nIn addition to the main "),a("a",{attrs:{href:"#animation-configuration"}},[t._v("animation configuration")]),t._v(", the following options are available:")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.animations[animation]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("string[]")])]),t._v(" "),a("td",[a("code",[t._v("key")])]),t._v(" "),a("td",[t._v("The property names this configuration applies to. Defaults to the key name of this object.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("typeof property")])]),t._v(" "),a("td",[t._v("Type of property, determines the interpolator used. Possible values: "),a("code",[t._v("'number'")]),t._v(", "),a("code",[t._v("'color'")]),t._v(" and "),a("code",[t._v("'boolean'")]),t._v(". Only really needed for "),a("code",[t._v("'color'")]),t._v(", because "),a("code",[t._v("typeof")]),t._v(" does not get that right.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("from")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("Color")]),t._v("|"),a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("Start value for the animation. Current value is used when "),a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("to")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("Color")]),t._v("|"),a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("End value for the animation. Updated value is used when "),a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("fn")])]),t._v(" "),a("td",[a("code",[t._v("(from: T, to: T, factor: number) => T;")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("Optional custom interpolator, instead of using a predefined interpolator from "),a("code",[t._v("type")])])])])]),t._v(" "),a("h3",{attrs:{id:"default-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-animations"}},[t._v("#")]),t._v(" Default animations")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Option")]),t._v(" "),a("th",[t._v("Value")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("['x', 'y', 'borderWidth', 'radius', 'tension']")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("'number'")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("colors")])]),t._v(" "),a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("['color', 'borderColor', 'backgroundColor']")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("colors")])]),t._v(" "),a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("'color'")])])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("These default animations are overridden by most of the dataset controllers.")])]),t._v(" "),a("h2",{attrs:{id:"transitions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),a("p",[t._v("The core transitions are "),a("code",[t._v("'active'")]),t._v(", "),a("code",[t._v("'hide'")]),t._v(", "),a("code",[t._v("'reset'")]),t._v(", "),a("code",[t._v("'resize'")]),t._v(", "),a("code",[t._v("'show'")]),t._v(".\nA custom transition can be used by passing a custom "),a("code",[t._v("mode")]),t._v(" to "),a("RouterLink",{attrs:{to:"/developers/api.html#updatemode"}},[t._v("update")]),t._v(".\nTransition extends the main "),a("a",{attrs:{href:"#animation-configuration"}},[t._v("animation configuration")]),t._v(" and "),a("a",{attrs:{href:"#animations-configuration"}},[t._v("animations configuration")]),t._v(".")],1),t._v(" "),a("h3",{attrs:{id:"default-transitions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-transitions"}},[t._v("#")]),t._v(" Default transitions")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.transitions[mode]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Mode")]),t._v(" "),a("th",[t._v("Option")]),t._v(" "),a("th",[t._v("Value")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("'active'")])]),t._v(" "),a("td",[t._v("animation.duration")]),t._v(" "),a("td",[t._v("400")]),t._v(" "),a("td",[t._v("Override default duration to 400ms for hover animations")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'resize'")])]),t._v(" "),a("td",[t._v("animation.duration")]),t._v(" "),a("td",[t._v("0")]),t._v(" "),a("td",[t._v("Override default duration to 0ms (= no animation) for resize")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'show'")])]),t._v(" "),a("td",[t._v("animations.colors")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'color', properties: ['borderColor', 'backgroundColor'], from: 'transparent' }")])]),t._v(" "),a("td",[t._v("Colors are faded in from transparent when dataset is shown using legend / "),a("RouterLink",{attrs:{to:"/developers/api.html#showdatasetIndex"}},[t._v("api")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'show'")])]),t._v(" "),a("td",[t._v("animations.visible")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'boolean', duration: 0 }")])]),t._v(" "),a("td",[t._v("Dataset visibility is immediately changed to true so the color transition from transparent is visible.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'hide'")])]),t._v(" "),a("td",[t._v("animations.colors")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'color', properties: ['borderColor', 'backgroundColor'], to: 'transparent' }")])]),t._v(" "),a("td",[t._v("Colors are faded to transparent when dataset id hidden using legend / "),a("RouterLink",{attrs:{to:"/developers/api.html#hidedatasetIndex"}},[t._v("api")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'hide'")])]),t._v(" "),a("td",[t._v("animations.visible")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'boolean', easing: 'easeInExpo' }")])]),t._v(" "),a("td",[t._v("Visibility is changed to false at a very late phase of animation")])])])]),t._v(" "),a("h2",{attrs:{id:"disabling-animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabling-animation"}},[t._v("#")]),t._v(" Disabling animation")]),t._v(" "),a("p",[t._v("To disable an animation configuration, the animation node must be set to "),a("code",[t._v("false")]),t._v(", with the exception for animation modes which can be disabled by setting the "),a("code",[t._v("duration")]),t._v(" to "),a("code",[t._v("0")]),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animation "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables all animations")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animations"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("colors "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables animation defined by the collection of 'colors' properties")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animations"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables animation defined by the 'x' property")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("transitions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("active"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animation"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("duration "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables the animation for 'active' mode")]),t._v("\n")])])]),a("h2",{attrs:{id:"easing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#easing"}},[t._v("#")]),t._v(" Easing")]),t._v(" "),a("p",[t._v("Available options are:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'linear'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInQuad'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutQuad'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutQuad'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInCubic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutCubic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutCubic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInQuart'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutQuart'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutQuart'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInQuint'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutQuint'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutQuint'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInSine'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutSine'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutSine'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInExpo'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutExpo'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutExpo'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInCirc'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutCirc'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutCirc'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInElastic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutElastic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutElastic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInBack'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutBack'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutBack'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInBounce'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutBounce'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutBounce'")])])]),t._v(" "),a("p",[t._v("See "),a("a",{attrs:{href:"http://robertpenner.com/easing/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Robert Penner's easing equations"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"animation-callbacks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animation-callbacks"}},[t._v("#")]),t._v(" Animation Callbacks")]),t._v(" "),a("p",[t._v("The animation configuration provides callbacks which are useful for synchronizing an external draw to the chart animation.\nThe callbacks can be set only at main "),a("a",{attrs:{href:"#animation-configuration"}},[t._v("animation configuration")]),t._v(".")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.animation")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("onProgress")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",[a("code",[t._v("null")])]),t._v(" "),a("td",[t._v("Callback called on each step of an animation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("onComplete")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",[a("code",[t._v("null")])]),t._v(" "),a("td",[t._v("Callback called when all animations are completed.")])])])]),t._v(" "),a("p",[t._v("The callback is passed the following object:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Chart object")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Number of animations still in progress")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("currentStep")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// `true` for the initial animation of the chart")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("initial")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" boolean"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Total number of animations at the start of current animation")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("numSteps")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("The following example fills a progress bar during the chart animation.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("animation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onProgress")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("animation")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n progress"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" animation"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("currentStep "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" animation"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("numSteps"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Another example usage of these callbacks can be found "),a("RouterLink",{attrs:{to:"/samples/advanced/progress-bar.html"}},[t._v("in this progress bar sample,")]),t._v(" which displays a progress bar showing how far along the animation is.")],1)],1)}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[156],{488:function(t,a,e){"use strict";e.r(a);var n=e(3),o=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" Animations")]),t._v(" "),a("p",[t._v("Chart.js animates charts out of the box. A number of options are provided to configure how the animation looks and how long it takes.")]),t._v(" "),a("tabs",[a("tab",{attrs:{name:"Looping tension [property]"}},[a("chart-editor",{attrs:{code:"// \nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'Looping tension',\n data: [65, 59, 80, 81, 26, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n animations: {\n tension: {\n duration: 1000,\n easing: 'linear',\n from: 1,\n to: 0,\n loop: true\n }\n },\n scales: {\n y: { // defining min and max so hiding the dataset does not change scale range\n min: 0,\n max: 100\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1),t._v(" "),a("tab",{attrs:{name:"Hide and show [mode]"}},[a("chart-editor",{attrs:{code:"// \nconst data = {\n labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n datasets: [{\n label: 'Try hiding me',\n data: [65, 59, 80, 81, 26, 55, 40],\n fill: false,\n borderColor: 'rgb(75, 192, 192)',\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n transitions: {\n show: {\n animations: {\n x: {\n from: 0\n },\n y: {\n from: 0\n }\n }\n },\n hide: {\n animations: {\n x: {\n to: 0\n },\n y: {\n to: 0\n }\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)],1),t._v(" "),a("h2",{attrs:{id:"animation-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animation-configuration"}},[t._v("#")]),t._v(" Animation configuration")]),t._v(" "),a("p",[t._v("Animation configuration consists of 3 keys.")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Details")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("animation")]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("a",{attrs:{href:"#animation"}},[t._v("animation")])])]),t._v(" "),a("tr",[a("td",[t._v("animations")]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("a",{attrs:{href:"#animations"}},[t._v("animations")])])]),t._v(" "),a("tr",[a("td",[t._v("transitions")]),t._v(" "),a("td",[a("code",[t._v("object")])]),t._v(" "),a("td",[a("a",{attrs:{href:"#transitions"}},[t._v("transitions")])])])])]),t._v(" "),a("p",[t._v("These keys can be configured in following paths:")]),t._v(" "),a("ul",[a("li",[t._v("`` - chart options")]),t._v(" "),a("li",[a("code",[t._v("datasets[type]")]),t._v(" - dataset type options")]),t._v(" "),a("li",[a("code",[t._v("overrides[type]")]),t._v(" - chart type options")])]),t._v(" "),a("p",[t._v("These paths are valid under "),a("code",[t._v("defaults")]),t._v(" for global configuration and "),a("code",[t._v("options")]),t._v(" for instance configuration.")]),t._v(" "),a("h2",{attrs:{id:"animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),a("p",[t._v("The default configuration is defined here: "),a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/src/core/core.animations.js",target:"_blank"}},[t._v("core.animations.js")])]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.animation")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("duration")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("1000")])]),t._v(" "),a("td",[t._v("The number of milliseconds an animation takes.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("easing")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'easeOutQuart'")])]),t._v(" "),a("td",[t._v("Easing function to use. "),a("a",{attrs:{href:"#easing"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("delay")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("Delay before starting the animations.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("loop")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("If set to "),a("code",[t._v("true")]),t._v(", the animations loop endlessly.")])])])]),t._v(" "),a("p",[t._v("These defaults can be overridden in "),a("code",[t._v("options.animation")]),t._v(" or "),a("code",[t._v("dataset.animation")]),t._v(" and "),a("code",[t._v("tooltip.animation")]),t._v(". These keys are also "),a("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"animations-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animations-2"}},[t._v("#")]),t._v(" animations")]),t._v(" "),a("p",[t._v("Animations options configures which element properties are animated and how.\nIn addition to the main "),a("a",{attrs:{href:"#animation-configuration"}},[t._v("animation configuration")]),t._v(", the following options are available:")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.animations[animation]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("string[]")])]),t._v(" "),a("td",[a("code",[t._v("key")])]),t._v(" "),a("td",[t._v("The property names this configuration applies to. Defaults to the key name of this object.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("typeof property")])]),t._v(" "),a("td",[t._v("Type of property, determines the interpolator used. Possible values: "),a("code",[t._v("'number'")]),t._v(", "),a("code",[t._v("'color'")]),t._v(" and "),a("code",[t._v("'boolean'")]),t._v(". Only really needed for "),a("code",[t._v("'color'")]),t._v(", because "),a("code",[t._v("typeof")]),t._v(" does not get that right.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("from")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("Color")]),t._v("|"),a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("Start value for the animation. Current value is used when "),a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("to")])]),t._v(" "),a("td",[a("code",[t._v("number")]),t._v("|"),a("code",[t._v("Color")]),t._v("|"),a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("End value for the animation. Updated value is used when "),a("code",[t._v("undefined")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("fn")])]),t._v(" "),a("td",[a("code",[t._v("(from: T, to: T, factor: number) => T;")])]),t._v(" "),a("td",[a("code",[t._v("undefined")])]),t._v(" "),a("td",[t._v("Optional custom interpolator, instead of using a predefined interpolator from "),a("code",[t._v("type")])])])])]),t._v(" "),a("h3",{attrs:{id:"default-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-animations"}},[t._v("#")]),t._v(" Default animations")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Option")]),t._v(" "),a("th",[t._v("Value")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("['x', 'y', 'borderWidth', 'radius', 'tension']")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("numbers")])]),t._v(" "),a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("'number'")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("colors")])]),t._v(" "),a("td",[a("code",[t._v("properties")])]),t._v(" "),a("td",[a("code",[t._v("['color', 'borderColor', 'backgroundColor']")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("colors")])]),t._v(" "),a("td",[a("code",[t._v("type")])]),t._v(" "),a("td",[a("code",[t._v("'color'")])])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("These default animations are overridden by most of the dataset controllers.")])]),t._v(" "),a("h2",{attrs:{id:"transitions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),a("p",[t._v("The core transitions are "),a("code",[t._v("'active'")]),t._v(", "),a("code",[t._v("'hide'")]),t._v(", "),a("code",[t._v("'reset'")]),t._v(", "),a("code",[t._v("'resize'")]),t._v(", "),a("code",[t._v("'show'")]),t._v(".\nA custom transition can be used by passing a custom "),a("code",[t._v("mode")]),t._v(" to "),a("RouterLink",{attrs:{to:"/developers/api.html#updatemode"}},[t._v("update")]),t._v(".\nTransition extends the main "),a("a",{attrs:{href:"#animation-configuration"}},[t._v("animation configuration")]),t._v(" and "),a("a",{attrs:{href:"#animations-configuration"}},[t._v("animations configuration")]),t._v(".")],1),t._v(" "),a("h3",{attrs:{id:"default-transitions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#default-transitions"}},[t._v("#")]),t._v(" Default transitions")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.transitions[mode]")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Mode")]),t._v(" "),a("th",[t._v("Option")]),t._v(" "),a("th",[t._v("Value")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("'active'")])]),t._v(" "),a("td",[t._v("animation.duration")]),t._v(" "),a("td",[t._v("400")]),t._v(" "),a("td",[t._v("Override default duration to 400ms for hover animations")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'resize'")])]),t._v(" "),a("td",[t._v("animation.duration")]),t._v(" "),a("td",[t._v("0")]),t._v(" "),a("td",[t._v("Override default duration to 0ms (= no animation) for resize")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'show'")])]),t._v(" "),a("td",[t._v("animations.colors")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'color', properties: ['borderColor', 'backgroundColor'], from: 'transparent' }")])]),t._v(" "),a("td",[t._v("Colors are faded in from transparent when dataset is shown using legend / "),a("RouterLink",{attrs:{to:"/developers/api.html#showdatasetIndex"}},[t._v("api")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'show'")])]),t._v(" "),a("td",[t._v("animations.visible")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'boolean', duration: 0 }")])]),t._v(" "),a("td",[t._v("Dataset visibility is immediately changed to true so the color transition from transparent is visible.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'hide'")])]),t._v(" "),a("td",[t._v("animations.colors")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'color', properties: ['borderColor', 'backgroundColor'], to: 'transparent' }")])]),t._v(" "),a("td",[t._v("Colors are faded to transparent when dataset id hidden using legend / "),a("RouterLink",{attrs:{to:"/developers/api.html#hidedatasetIndex"}},[t._v("api")]),t._v(".")],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("'hide'")])]),t._v(" "),a("td",[t._v("animations.visible")]),t._v(" "),a("td",[a("code",[t._v("{ type: 'boolean', easing: 'easeInExpo' }")])]),t._v(" "),a("td",[t._v("Visibility is changed to false at a very late phase of animation")])])])]),t._v(" "),a("h2",{attrs:{id:"disabling-animation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disabling-animation"}},[t._v("#")]),t._v(" Disabling animation")]),t._v(" "),a("p",[t._v("To disable an animation configuration, the animation node must be set to "),a("code",[t._v("false")]),t._v(", with the exception for animation modes which can be disabled by setting the "),a("code",[t._v("duration")]),t._v(" to "),a("code",[t._v("0")]),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animation "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables all animations")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animations"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("colors "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables animation defined by the collection of 'colors' properties")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animations"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables animation defined by the 'x' property")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("transitions"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("active"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("animation"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("duration "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disables the animation for 'active' mode")]),t._v("\n")])])]),a("h2",{attrs:{id:"easing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#easing"}},[t._v("#")]),t._v(" Easing")]),t._v(" "),a("p",[t._v("Available options are:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'linear'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInQuad'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutQuad'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutQuad'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInCubic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutCubic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutCubic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInQuart'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutQuart'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutQuart'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInQuint'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutQuint'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutQuint'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInSine'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutSine'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutSine'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInExpo'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutExpo'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutExpo'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInCirc'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutCirc'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutCirc'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInElastic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutElastic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutElastic'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInBack'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutBack'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutBack'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInBounce'")])]),t._v(" "),a("li",[a("code",[t._v("'easeOutBounce'")])]),t._v(" "),a("li",[a("code",[t._v("'easeInOutBounce'")])])]),t._v(" "),a("p",[t._v("See "),a("a",{attrs:{href:"http://robertpenner.com/easing/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Robert Penner's easing equations"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"animation-callbacks"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#animation-callbacks"}},[t._v("#")]),t._v(" Animation Callbacks")]),t._v(" "),a("p",[t._v("The animation configuration provides callbacks which are useful for synchronizing an external draw to the chart animation.\nThe callbacks can be set only at main "),a("a",{attrs:{href:"#animation-configuration"}},[t._v("animation configuration")]),t._v(".")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.animation")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("onProgress")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",[a("code",[t._v("null")])]),t._v(" "),a("td",[t._v("Callback called on each step of an animation.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("onComplete")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",[a("code",[t._v("null")])]),t._v(" "),a("td",[t._v("Callback called when all animations are completed.")])])])]),t._v(" "),a("p",[t._v("The callback is passed the following object:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Chart object")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Number of animations still in progress")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("currentStep")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// `true` for the initial animation of the chart")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("initial")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" boolean"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Total number of animations at the start of current animation")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("numSteps")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("The following example fills a progress bar during the chart animation.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("animation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onProgress")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("animation")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n progress"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" animation"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("currentStep "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" animation"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("numSteps"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Another example usage of these callbacks can be found "),a("RouterLink",{attrs:{to:"/samples/advanced/progress-bar.html"}},[t._v("in this progress bar sample,")]),t._v(" which displays a progress bar showing how far along the animation is.")],1)],1)}),[],!1,null,null,null);a.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/157.e290075b.js b/docs/master/assets/js/157.f46468b8.js similarity index 98% rename from docs/master/assets/js/157.e290075b.js rename to docs/master/assets/js/157.f46468b8.js index 33458fc31b..d43560e864 100644 --- a/docs/master/assets/js/157.e290075b.js +++ b/docs/master/assets/js/157.f46468b8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[157],{488:function(n,t,o){"use strict";o.r(t);var a=o(3),e=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"canvas-background"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#canvas-background"}},[n._v("#")]),n._v(" Canvas background")]),n._v(" "),t("p",[n._v("In some use cases you would want a background image or color over the whole canvas. There is no built-in support for this, the way you can achieve this is by writing a custom plugin.")]),n._v(" "),t("p",[n._v("In the two example plugins underneath here you can see how you can draw a color or image to the canvas as background. This way of giving the chart a background is only necessary if you want to export the chart with that specific background.\nFor normal use you can set the background more easily with "),t("a",{attrs:{href:"https://www.w3schools.com/cssref/css3_pr_background.asp",target:"_blank",rel:"noopener noreferrer"}},[n._v("CSS"),t("OutboundLink")],1),n._v(".")]),n._v(" "),t("tabs",[t("tab",{attrs:{name:"Color"}},[t("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \n// Note: changes to the plugin code is not reflected to the chart, because the plugin is loaded at chart construction time and editor changes only trigger an chart.update().\nconst plugin = {\n id: 'customCanvasBackgroundColor',\n beforeDraw: (chart, args, options) => {\n const {ctx} = chart;\n ctx.save();\n ctx.globalCompositeOperation = 'destination-over';\n ctx.fillStyle = options.color || '#99ffff';\n ctx.fillRect(0, 0, chart.width, chart.height);\n ctx.restore();\n }\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n options: {\n plugins: {\n customCanvasBackgroundColor: {\n color: 'lightGreen',\n }\n }\n },\n plugins: [plugin],\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1),n._v(" "),t("tab",{attrs:{name:"Image"}},[t("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \n// Note: changes to the plugin code is not reflected to the chart, because the plugin is loaded at chart construction time and editor changes only trigger an chart.update().\nconst image = new Image();\nimage.src = 'https://www.chartjs.org/img/chartjs-logo.svg';\n\nconst plugin = {\n id: 'customCanvasBackgroundImage',\n beforeDraw: (chart) => {\n if (image.complete) {\n const ctx = chart.ctx;\n const {top, left, width, height} = chart.chartArea;\n const x = left + width / 2 - image.width / 2;\n const y = top + height / 2 - image.height / 2;\n ctx.drawImage(image, x, y);\n } else {\n image.onload = () => chart.draw();\n }\n }\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n plugins: [plugin],\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)],1)],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[157],{489:function(n,t,o){"use strict";o.r(t);var a=o(3),e=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"canvas-background"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#canvas-background"}},[n._v("#")]),n._v(" Canvas background")]),n._v(" "),t("p",[n._v("In some use cases you would want a background image or color over the whole canvas. There is no built-in support for this, the way you can achieve this is by writing a custom plugin.")]),n._v(" "),t("p",[n._v("In the two example plugins underneath here you can see how you can draw a color or image to the canvas as background. This way of giving the chart a background is only necessary if you want to export the chart with that specific background.\nFor normal use you can set the background more easily with "),t("a",{attrs:{href:"https://www.w3schools.com/cssref/css3_pr_background.asp",target:"_blank",rel:"noopener noreferrer"}},[n._v("CSS"),t("OutboundLink")],1),n._v(".")]),n._v(" "),t("tabs",[t("tab",{attrs:{name:"Color"}},[t("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \n// Note: changes to the plugin code is not reflected to the chart, because the plugin is loaded at chart construction time and editor changes only trigger an chart.update().\nconst plugin = {\n id: 'customCanvasBackgroundColor',\n beforeDraw: (chart, args, options) => {\n const {ctx} = chart;\n ctx.save();\n ctx.globalCompositeOperation = 'destination-over';\n ctx.fillStyle = options.color || '#99ffff';\n ctx.fillRect(0, 0, chart.width, chart.height);\n ctx.restore();\n }\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n options: {\n plugins: {\n customCanvasBackgroundColor: {\n color: 'lightGreen',\n }\n }\n },\n plugins: [plugin],\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1),n._v(" "),t("tab",{attrs:{name:"Image"}},[t("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [\n 'Red',\n 'Blue',\n 'Yellow'\n ],\n datasets: [{\n label: 'My First Dataset',\n data: [300, 50, 100],\n backgroundColor: [\n 'rgb(255, 99, 132)',\n 'rgb(54, 162, 235)',\n 'rgb(255, 205, 86)'\n ],\n hoverOffset: 4\n }]\n};\n// \n\n// \n// Note: changes to the plugin code is not reflected to the chart, because the plugin is loaded at chart construction time and editor changes only trigger an chart.update().\nconst image = new Image();\nimage.src = 'https://www.chartjs.org/img/chartjs-logo.svg';\n\nconst plugin = {\n id: 'customCanvasBackgroundImage',\n beforeDraw: (chart) => {\n if (image.complete) {\n const ctx = chart.ctx;\n const {top, left, width, height} = chart.chartArea;\n const x = left + width / 2 - image.width / 2;\n const y = top + height / 2 - image.height / 2;\n ctx.drawImage(image, x, y);\n } else {\n image.onload = () => chart.draw();\n }\n }\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n plugins: [plugin],\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}})],1)],1)],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/158.9be5529b.js b/docs/master/assets/js/158.84d2c51c.js similarity index 98% rename from docs/master/assets/js/158.9be5529b.js rename to docs/master/assets/js/158.84d2c51c.js index b83e67429e..bfa38b7fba 100644 --- a/docs/master/assets/js/158.9be5529b.js +++ b/docs/master/assets/js/158.84d2c51c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[158],{489:function(t,e,a){"use strict";a.r(e);var i=a(3),o=Object(i.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"data-decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-decimation"}},[t._v("#")]),t._v(" Data Decimation")]),t._v(" "),e("p",[t._v("The decimation plugin can be used with line charts to automatically decimate data at the start of the chart lifecycle. Before enabling this plugin, review the "),e("a",{attrs:{href:"#requirements"}},[t._v("requirements")]),t._v(" to ensure that it will work with the chart you want to create.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.plugins.decimation")]),t._v(", the global options for the plugin are defined in "),e("code",[t._v("Chart.defaults.plugins.decimation")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("enabled")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Is decimation enabled?")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("algorithm")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'min-max'")])]),t._v(" "),e("td",[t._v("Decimation algorithm to use. See the "),e("a",{attrs:{href:"#decimation-algorithms"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("samples")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("If the "),e("code",[t._v("'lttb'")]),t._v(" algorithm is used, this is the number of samples in the output dataset. Defaults to the canvas width to pick 1 sample per pixel.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("threshold")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("If the number of samples in the current axis range is above this value, the decimation will be triggered. Defaults to 4 times the canvas width."),e("br"),t._v("The number of point after decimation can be higher than the "),e("code",[t._v("threshold")]),t._v(" value.")])])])]),t._v(" "),e("h2",{attrs:{id:"decimation-algorithms"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decimation-algorithms"}},[t._v("#")]),t._v(" Decimation Algorithms")]),t._v(" "),e("p",[t._v("Decimation algorithm to use for data. Options are:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'lttb'")])]),t._v(" "),e("li",[e("code",[t._v("'min-max'")])])]),t._v(" "),e("h3",{attrs:{id:"largest-triangle-three-bucket-lttb-decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#largest-triangle-three-bucket-lttb-decimation"}},[t._v("#")]),t._v(" Largest Triangle Three Bucket (LTTB) Decimation")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/sveinn-steinarsson/flot-downsample",target:"_blank",rel:"noopener noreferrer"}},[t._v("LTTB"),e("OutboundLink")],1),t._v(" decimation reduces the number of data points significantly. This is most useful for showing trends in data using only a few data points.")]),t._v(" "),e("h3",{attrs:{id:"min-max-decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min-max-decimation"}},[t._v("#")]),t._v(" Min/Max Decimation")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://digital.ni.com/public.nsf/allkb/F694FFEEA0ACF282862576020075F784",target:"_blank",rel:"noopener noreferrer"}},[t._v("Min/max"),e("OutboundLink")],1),t._v(" decimation will preserve peaks in your data but could require up to 4 points for each pixel. This type of decimation would work well for a very noisy signal where you need to see data peaks.")]),t._v(" "),e("h2",{attrs:{id:"requirements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#requirements"}},[t._v("#")]),t._v(" Requirements")]),t._v(" "),e("p",[t._v("To use the decimation plugin, the following requirements must be met:")]),t._v(" "),e("ol",[e("li",[t._v("The dataset must have an "),e("RouterLink",{attrs:{to:"/charts/line.html#general"}},[e("code",[t._v("indexAxis")])]),t._v(" of "),e("code",[t._v("'x'")])],1),t._v(" "),e("li",[t._v("The dataset must be a line")]),t._v(" "),e("li",[t._v("The X axis for the dataset must be either a "),e("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[e("code",[t._v("'linear'")])]),t._v(" or "),e("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[e("code",[t._v("'time'")])]),t._v(" type axis")],1),t._v(" "),e("li",[t._v("Data must not need parsing, i.e. "),e("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[e("code",[t._v("parsing")])]),t._v(" must be "),e("code",[t._v("false")])],1),t._v(" "),e("li",[t._v("The dataset object must be mutable. The plugin stores the original data as "),e("code",[t._v("dataset._data")]),t._v(" and then defines a new "),e("code",[t._v("data")]),t._v(" property on the dataset.")]),t._v(" "),e("li",[t._v("There must be more points on the chart than the threshold value. Take a look at the Configuration Options for more information.")])]),t._v(" "),e("h2",{attrs:{id:"related-samples"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#related-samples"}},[t._v("#")]),t._v(" Related Samples")]),t._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"../samples/advanced/data-decimation"}},[t._v("Data Decimation Sample")])])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[158],{490:function(t,e,a){"use strict";a.r(e);var i=a(3),o=Object(i.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"data-decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data-decimation"}},[t._v("#")]),t._v(" Data Decimation")]),t._v(" "),e("p",[t._v("The decimation plugin can be used with line charts to automatically decimate data at the start of the chart lifecycle. Before enabling this plugin, review the "),e("a",{attrs:{href:"#requirements"}},[t._v("requirements")]),t._v(" to ensure that it will work with the chart you want to create.")]),t._v(" "),e("h2",{attrs:{id:"configuration-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.plugins.decimation")]),t._v(", the global options for the plugin are defined in "),e("code",[t._v("Chart.defaults.plugins.decimation")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("enabled")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("false")])]),t._v(" "),e("td",[t._v("Is decimation enabled?")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("algorithm")])]),t._v(" "),e("td",[e("code",[t._v("string")])]),t._v(" "),e("td",[e("code",[t._v("'min-max'")])]),t._v(" "),e("td",[t._v("Decimation algorithm to use. See the "),e("a",{attrs:{href:"#decimation-algorithms"}},[t._v("more...")])])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("samples")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("If the "),e("code",[t._v("'lttb'")]),t._v(" algorithm is used, this is the number of samples in the output dataset. Defaults to the canvas width to pick 1 sample per pixel.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("threshold")])]),t._v(" "),e("td",[e("code",[t._v("number")])]),t._v(" "),e("td"),t._v(" "),e("td",[t._v("If the number of samples in the current axis range is above this value, the decimation will be triggered. Defaults to 4 times the canvas width."),e("br"),t._v("The number of point after decimation can be higher than the "),e("code",[t._v("threshold")]),t._v(" value.")])])])]),t._v(" "),e("h2",{attrs:{id:"decimation-algorithms"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#decimation-algorithms"}},[t._v("#")]),t._v(" Decimation Algorithms")]),t._v(" "),e("p",[t._v("Decimation algorithm to use for data. Options are:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("'lttb'")])]),t._v(" "),e("li",[e("code",[t._v("'min-max'")])])]),t._v(" "),e("h3",{attrs:{id:"largest-triangle-three-bucket-lttb-decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#largest-triangle-three-bucket-lttb-decimation"}},[t._v("#")]),t._v(" Largest Triangle Three Bucket (LTTB) Decimation")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/sveinn-steinarsson/flot-downsample",target:"_blank",rel:"noopener noreferrer"}},[t._v("LTTB"),e("OutboundLink")],1),t._v(" decimation reduces the number of data points significantly. This is most useful for showing trends in data using only a few data points.")]),t._v(" "),e("h3",{attrs:{id:"min-max-decimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min-max-decimation"}},[t._v("#")]),t._v(" Min/Max Decimation")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://digital.ni.com/public.nsf/allkb/F694FFEEA0ACF282862576020075F784",target:"_blank",rel:"noopener noreferrer"}},[t._v("Min/max"),e("OutboundLink")],1),t._v(" decimation will preserve peaks in your data but could require up to 4 points for each pixel. This type of decimation would work well for a very noisy signal where you need to see data peaks.")]),t._v(" "),e("h2",{attrs:{id:"requirements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#requirements"}},[t._v("#")]),t._v(" Requirements")]),t._v(" "),e("p",[t._v("To use the decimation plugin, the following requirements must be met:")]),t._v(" "),e("ol",[e("li",[t._v("The dataset must have an "),e("RouterLink",{attrs:{to:"/charts/line.html#general"}},[e("code",[t._v("indexAxis")])]),t._v(" of "),e("code",[t._v("'x'")])],1),t._v(" "),e("li",[t._v("The dataset must be a line")]),t._v(" "),e("li",[t._v("The X axis for the dataset must be either a "),e("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[e("code",[t._v("'linear'")])]),t._v(" or "),e("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[e("code",[t._v("'time'")])]),t._v(" type axis")],1),t._v(" "),e("li",[t._v("Data must not need parsing, i.e. "),e("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[e("code",[t._v("parsing")])]),t._v(" must be "),e("code",[t._v("false")])],1),t._v(" "),e("li",[t._v("The dataset object must be mutable. The plugin stores the original data as "),e("code",[t._v("dataset._data")]),t._v(" and then defines a new "),e("code",[t._v("data")]),t._v(" property on the dataset.")]),t._v(" "),e("li",[t._v("There must be more points on the chart than the threshold value. Take a look at the Configuration Options for more information.")])]),t._v(" "),e("h2",{attrs:{id:"related-samples"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#related-samples"}},[t._v("#")]),t._v(" Related Samples")]),t._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"../samples/advanced/data-decimation"}},[t._v("Data Decimation Sample")])])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/159.09f4ff92.js b/docs/master/assets/js/159.11b8d5f6.js similarity index 96% rename from docs/master/assets/js/159.09f4ff92.js rename to docs/master/assets/js/159.11b8d5f6.js index e0b1823af8..018b558b8d 100644 --- a/docs/master/assets/js/159.09f4ff92.js +++ b/docs/master/assets/js/159.11b8d5f6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[159],{491:function(e,t,i){"use strict";i.r(t);var a=i(3),o=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"device-pixel-ratio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#device-pixel-ratio"}},[e._v("#")]),e._v(" Device Pixel Ratio")]),e._v(" "),t("p",[e._v("By default, the chart's canvas will use a 1:1 pixel ratio, unless the physical display has a higher pixel ratio (e.g. Retina displays).")]),e._v(" "),t("p",[e._v("For applications where a chart will be converted to a bitmap, or printed to a higher DPI medium, it can be desirable to render the chart at a higher resolution than the default.")]),e._v(" "),t("p",[e._v("Setting "),t("code",[e._v("devicePixelRatio")]),e._v(" to a value other than 1 will force the canvas size to be scaled by that amount, relative to the container size. There should be no visible difference on screen; the difference will only be visible when the image is zoomed or printed.")]),e._v(" "),t("h2",{attrs:{id:"configuration-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[e._v("#")]),e._v(" Configuration Options")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options")])]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("devicePixelRatio")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("window.devicePixelRatio")])]),e._v(" "),t("td",[e._v("Override the window's default devicePixelRatio.")])])])])])}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[159],{492:function(e,t,i){"use strict";i.r(t);var a=i(3),o=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"device-pixel-ratio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#device-pixel-ratio"}},[e._v("#")]),e._v(" Device Pixel Ratio")]),e._v(" "),t("p",[e._v("By default, the chart's canvas will use a 1:1 pixel ratio, unless the physical display has a higher pixel ratio (e.g. Retina displays).")]),e._v(" "),t("p",[e._v("For applications where a chart will be converted to a bitmap, or printed to a higher DPI medium, it can be desirable to render the chart at a higher resolution than the default.")]),e._v(" "),t("p",[e._v("Setting "),t("code",[e._v("devicePixelRatio")]),e._v(" to a value other than 1 will force the canvas size to be scaled by that amount, relative to the container size. There should be no visible difference on screen; the difference will only be visible when the image is zoomed or printed.")]),e._v(" "),t("h2",{attrs:{id:"configuration-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[e._v("#")]),e._v(" Configuration Options")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options")])]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("devicePixelRatio")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("window.devicePixelRatio")])]),e._v(" "),t("td",[e._v("Override the window's default devicePixelRatio.")])])])])])}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/16.aa84d085.js b/docs/master/assets/js/16.fab6ff09.js similarity index 94% rename from docs/master/assets/js/16.aa84d085.js rename to docs/master/assets/js/16.fab6ff09.js index 3ca99b64f7..598963a3ef 100644 --- a/docs/master/assets/js/16.aa84d085.js +++ b/docs/master/assets/js/16.fab6ff09.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{350:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-arcelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-arcelement"}},[t._v("#")]),t._v(" Class: ArcElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcOptions.html"}},[e("code",[t._v("ArcOptions")])]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ArcElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new ArcElement")]),t._v("("),e("code",[t._v("cfg")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"circumference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circumference"}},[t._v("#")]),t._v(" circumference")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("circumference")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L290",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:290"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"endangle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#endangle"}},[t._v("#")]),t._v(" endAngle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("endAngle")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L291",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullcircles"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullcircles"}},[t._v("#")]),t._v(" fullCircles")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullCircles")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L292",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:292"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"innerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#innerradius"}},[t._v("#")]),t._v(" innerRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("innerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L293",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:293"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcOptions.html"}},[e("code",[t._v("ArcOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"outerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#outerradius"}},[t._v("#")]),t._v(" outerRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("outerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L294",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:294"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pixelmargin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pixelmargin"}},[t._v("#")]),t._v(" pixelMargin")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pixelMargin")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L295",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:295"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"startangle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#startangle"}},[t._v("#")]),t._v(" startAngle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("startAngle")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L296",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:296"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaultroutes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaultroutes"}},[t._v("#")]),t._v(" defaultRoutes")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaultRoutes")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaultRoutes")]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L281",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderAlign")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderDash")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderRadius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("circular")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("offset")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("spacing")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-3"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaults")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L267",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:267"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"descriptors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#descriptors"}},[t._v("#")]),t._v(" descriptors")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("descriptors")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-3"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("_indexable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("name")]),t._v(": "),e("code",[t._v("any")]),t._v(") => "),e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("_scriptable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L285",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")]),t._v(" = "),e("code",[t._v("'arc'")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L265",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:265"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L356",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L334",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:334"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("chartX")]),t._v(", "),e("code",[t._v("chartY")]),t._v(", "),e("code",[t._v("useFinalPosition")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L315",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:315"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-4"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L352",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:352"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{600:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-arcelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-arcelement"}},[t._v("#")]),t._v(" Class: ArcElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcOptions.html"}},[e("code",[t._v("ArcOptions")])]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ArcElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new ArcElement")]),t._v("("),e("code",[t._v("cfg")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"circumference"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circumference"}},[t._v("#")]),t._v(" circumference")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("circumference")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L290",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:290"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"endangle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#endangle"}},[t._v("#")]),t._v(" endAngle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("endAngle")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L291",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullcircles"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullcircles"}},[t._v("#")]),t._v(" fullCircles")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullCircles")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L292",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:292"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"innerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#innerradius"}},[t._v("#")]),t._v(" innerRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("innerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L293",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:293"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcOptions.html"}},[e("code",[t._v("ArcOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"outerradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#outerradius"}},[t._v("#")]),t._v(" outerRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("outerRadius")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L294",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:294"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pixelmargin"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pixelmargin"}},[t._v("#")]),t._v(" pixelMargin")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pixelMargin")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L295",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:295"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"startangle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#startangle"}},[t._v("#")]),t._v(" startAngle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("startAngle")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L296",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:296"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaultroutes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaultroutes"}},[t._v("#")]),t._v(" defaultRoutes")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaultRoutes")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaultRoutes")]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L281",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("angle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderAlign")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderDash")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderDashOffset")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderJoinStyle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderRadius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("circular")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("offset")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("spacing")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-3"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaults")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L267",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:267"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"descriptors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#descriptors"}},[t._v("#")]),t._v(" descriptors")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("descriptors")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-3"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("_indexable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("name")]),t._v(": "),e("code",[t._v("any")]),t._v(") => "),e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("_scriptable")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L285",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")]),t._v(" = "),e("code",[t._v("'arc'")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L265",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:265"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L356",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L334",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:334"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ArcProps.html"}},[e("code",[t._v("ArcProps")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("chartX")]),t._v(", "),e("code",[t._v("chartY")]),t._v(", "),e("code",[t._v("useFinalPosition")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L315",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:315"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-4"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L352",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.arc.ts:352"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/160.f2c5cca8.js b/docs/master/assets/js/160.9e1ae630.js similarity index 99% rename from docs/master/assets/js/160.f2c5cca8.js rename to docs/master/assets/js/160.9e1ae630.js index cf13a83e61..318df20257 100644 --- a/docs/master/assets/js/160.f2c5cca8.js +++ b/docs/master/assets/js/160.9e1ae630.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[160],{493:function(e,t,o){"use strict";o.r(t);var r=o(3),v=Object(r.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"elements"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[e._v("#")]),e._v(" Elements")]),e._v(" "),t("p",[e._v("While chart types provide settings to configure the styling of each dataset, you sometimes want to style "),t("strong",[e._v("all datasets the same way")]),e._v(". A common example would be to stroke all the bars in a bar chart with the same colour but change the fill per dataset. Options can be configured for four different types of elements: "),t("strong",[t("a",{attrs:{href:"#arc-configuration"}},[e._v("arc")])]),e._v(", "),t("strong",[t("a",{attrs:{href:"#line-configuration"}},[e._v("lines")])]),e._v(", "),t("strong",[t("a",{attrs:{href:"#point-configuration"}},[e._v("points")])]),e._v(", and "),t("strong",[t("a",{attrs:{href:"#bar-configuration"}},[e._v("bars")])]),e._v(". When set, these options apply to all objects of that type unless specifically overridden by the configuration attached to a dataset.")]),e._v(" "),t("h2",{attrs:{id:"global-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#global-configuration"}},[e._v("#")]),e._v(" Global Configuration")]),e._v(" "),t("p",[e._v("The element options can be specified per chart or globally. The global options for elements are defined in "),t("code",[e._v("Chart.defaults.elements")]),e._v(". For example, to set the border width of all bar charts globally, you would do:")]),e._v(" "),t("div",{staticClass:"language-javascript extra-class"},[t("pre",{pre:!0,attrs:{class:"language-javascript"}},[t("code",[e._v("Chart"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("defaults"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("elements"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("bar"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("borderWidth "),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v("=")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[e._v("2")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(";")]),e._v("\n")])])]),t("h2",{attrs:{id:"point-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#point-configuration"}},[e._v("#")]),e._v(" Point Configuration")]),e._v(" "),t("p",[e._v("Point elements are used to represent the points in a line, radar or bubble chart.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.point")]),e._v(", global point options: "),t("code",[e._v("Chart.defaults.elements.point")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("radius")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("3")])]),e._v(" "),t("td",[e._v("Point radius.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#point-styles"}},[t("code",[e._v("pointStyle")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"#types"}},[t("code",[e._v("pointStyle")])])]),e._v(" "),t("td",[t("code",[e._v("'circle'")])]),e._v(" "),t("td",[e._v("Point style.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Point rotation (in degrees).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Point fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Point stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("'Chart.defaults.borderColor")])]),e._v(" "),t("td",[e._v("Point stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitRadius")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Extra radius added to point radius for hit detection.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hoverRadius")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("4")])]),e._v(" "),t("td",[e._v("Point radius when hovered.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hoverBorderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Stroke width when hovered.")])])])]),e._v(" "),t("h3",{attrs:{id:"point-styles"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#point-styles"}},[e._v("#")]),e._v(" Point Styles")]),e._v(" "),t("h4",{attrs:{id:"types"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#types"}},[e._v("#")]),e._v(" Types")]),e._v(" "),t("p",[e._v("The "),t("code",[e._v("pointStyle")]),e._v(" argument accepts the following type of inputs: "),t("code",[e._v("string")]),e._v(", "),t("code",[e._v("Image")]),e._v(" and "),t("code",[e._v("HTMLCanvasElement")])]),e._v(" "),t("h4",{attrs:{id:"info"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#info"}},[e._v("#")]),e._v(" Info")]),e._v(" "),t("p",[e._v("When a string is provided, the following values are supported:")]),e._v(" "),t("ul",[t("li",[t("code",[e._v("'circle'")])]),e._v(" "),t("li",[t("code",[e._v("'cross'")])]),e._v(" "),t("li",[t("code",[e._v("'crossRot'")])]),e._v(" "),t("li",[t("code",[e._v("'dash'")])]),e._v(" "),t("li",[t("code",[e._v("'line'")])]),e._v(" "),t("li",[t("code",[e._v("'rect'")])]),e._v(" "),t("li",[t("code",[e._v("'rectRounded'")])]),e._v(" "),t("li",[t("code",[e._v("'rectRot'")])]),e._v(" "),t("li",[t("code",[e._v("'star'")])]),e._v(" "),t("li",[t("code",[e._v("'triangle'")])]),e._v(" "),t("li",[t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("If the value is an image or a canvas element, that image or canvas element is drawn on the canvas using "),t("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/drawImage",target:"_blank",rel:"noopener noreferrer"}},[e._v("drawImage"),t("OutboundLink")],1),e._v(".")]),e._v(" "),t("h2",{attrs:{id:"line-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-configuration"}},[e._v("#")]),e._v(" Line Configuration")]),e._v(" "),t("p",[e._v("Line elements are used to represent the line in a line chart.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.line")]),e._v(", global line options: "),t("code",[e._v("Chart.defaults.elements.line")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("tension")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Bézier curve tension ("),t("code",[e._v("0")]),e._v(" for no Bézier curves).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Line fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("3")])]),e._v(" "),t("td",[e._v("Line stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.borderColor")])]),e._v(" "),t("td",[e._v("Line stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Line cap style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Line dash. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0.0")])]),e._v(" "),t("td",[e._v("Line dash offset. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("'round'")]),e._v("|"),t("code",[e._v("'bevel'")]),e._v("|"),t("code",[e._v("'miter'")])]),e._v(" "),t("td",[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("capBezierPoints")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",[t("code",[e._v("true")])]),e._v(" "),t("td",[t("code",[e._v("true")]),e._v(" to keep Bézier control inside the chart, "),t("code",[e._v("false")]),e._v(" for no restriction.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("cubicInterpolationMode")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("'default'")])]),e._v(" "),t("td",[e._v("Interpolation mode to apply. "),t("RouterLink",{attrs:{to:"/charts/line.html#cubicinterpolationmode"}},[e._v("See more...")])],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("fill")])]),e._v(" "),t("td",[t("code",[e._v("boolean")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("How to fill the area under the line. See "),t("RouterLink",{attrs:{to:"/charts/area.html#filling-modes"}},[e._v("area charts")]),e._v(".")],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("stepped")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",[t("code",[e._v("false")])]),e._v(" "),t("td",[t("code",[e._v("true")]),e._v(" to show the line as a stepped line ("),t("code",[e._v("tension")]),e._v(" will be ignored).")])])])]),e._v(" "),t("h2",{attrs:{id:"bar-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bar-configuration"}},[e._v("#")]),e._v(" Bar Configuration")]),e._v(" "),t("p",[e._v("Bar elements are used to represent the bars in a bar chart.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.bar")]),e._v(", global bar options: "),t("code",[e._v("Chart.defaults.elements.bar")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Bar fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Bar stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.borderColor")])]),e._v(" "),t("td",[e._v("Bar stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderSkipped")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Skipped (excluded) border: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'middle'")]),e._v(", "),t("code",[e._v("'bottom'")]),e._v(", "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'top'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(" or "),t("code",[e._v("false")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderRadius")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("object")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The bar border radius (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("inflateAmount")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("'auto'")])]),e._v(" "),t("td",[t("code",[e._v("'auto'")])]),e._v(" "),t("td",[e._v("The amount of pixels to inflate the bar rectangle(s) when drawing.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#point-styles"}},[t("code",[e._v("pointStyle")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("Image")]),e._v("|"),t("code",[e._v("HTMLCanvasElement")])]),e._v(" "),t("td",[t("code",[e._v("'circle'")])]),e._v(" "),t("td",[e._v("Style of the point for legend.")])])])]),e._v(" "),t("h2",{attrs:{id:"arc-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arc-configuration"}},[e._v("#")]),e._v(" Arc Configuration")]),e._v(" "),t("p",[e._v("Arcs are used in the polar area, doughnut and pie charts.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.arc")]),e._v(", global arc options: "),t("code",[e._v("Chart.defaults.elements.arc")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("angle")]),e._v(" - for polar only")]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("circumference / (arc count)")])]),e._v(" "),t("td",[e._v("Arc angle to cover.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Arc fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderAlign")])]),e._v(" "),t("td",[t("code",[e._v("'center'")]),e._v("|"),t("code",[e._v("'inner'")])]),e._v(" "),t("td",[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Arc stroke alignment.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("'#fff'")])]),e._v(" "),t("td",[e._v("Arc stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Arc line dash. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0.0")])]),e._v(" "),t("td",[e._v("Arc line dash offset. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("'round'")]),e._v("|"),t("code",[e._v("'bevel'")]),e._v("|"),t("code",[e._v("'miter'")])]),e._v(" "),t("td",[t("code",[e._v("'bevel'")]),e._v("|"),t("code",[e._v("'round'")])]),e._v(" "),t("td",[e._v("Line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(". The default is "),t("code",[e._v("'round'")]),e._v(" when "),t("code",[e._v("borderAlign")]),e._v(" is "),t("code",[e._v("'inner'")])])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("2")])]),e._v(" "),t("td",[e._v("Arc stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("circular")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",[t("code",[e._v("true")])]),e._v(" "),t("td",[e._v("By default the Arc is curved. If "),t("code",[e._v("circular: false")]),e._v(" the Arc will be flat")])])])])])}),[],!1,null,null,null);t.default=v.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[160],{491:function(e,t,o){"use strict";o.r(t);var r=o(3),v=Object(r.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"elements"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#elements"}},[e._v("#")]),e._v(" Elements")]),e._v(" "),t("p",[e._v("While chart types provide settings to configure the styling of each dataset, you sometimes want to style "),t("strong",[e._v("all datasets the same way")]),e._v(". A common example would be to stroke all the bars in a bar chart with the same colour but change the fill per dataset. Options can be configured for four different types of elements: "),t("strong",[t("a",{attrs:{href:"#arc-configuration"}},[e._v("arc")])]),e._v(", "),t("strong",[t("a",{attrs:{href:"#line-configuration"}},[e._v("lines")])]),e._v(", "),t("strong",[t("a",{attrs:{href:"#point-configuration"}},[e._v("points")])]),e._v(", and "),t("strong",[t("a",{attrs:{href:"#bar-configuration"}},[e._v("bars")])]),e._v(". When set, these options apply to all objects of that type unless specifically overridden by the configuration attached to a dataset.")]),e._v(" "),t("h2",{attrs:{id:"global-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#global-configuration"}},[e._v("#")]),e._v(" Global Configuration")]),e._v(" "),t("p",[e._v("The element options can be specified per chart or globally. The global options for elements are defined in "),t("code",[e._v("Chart.defaults.elements")]),e._v(". For example, to set the border width of all bar charts globally, you would do:")]),e._v(" "),t("div",{staticClass:"language-javascript extra-class"},[t("pre",{pre:!0,attrs:{class:"language-javascript"}},[t("code",[e._v("Chart"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("defaults"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("elements"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("bar"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(".")]),e._v("borderWidth "),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v("=")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[e._v("2")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(";")]),e._v("\n")])])]),t("h2",{attrs:{id:"point-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#point-configuration"}},[e._v("#")]),e._v(" Point Configuration")]),e._v(" "),t("p",[e._v("Point elements are used to represent the points in a line, radar or bubble chart.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.point")]),e._v(", global point options: "),t("code",[e._v("Chart.defaults.elements.point")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("radius")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("3")])]),e._v(" "),t("td",[e._v("Point radius.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#point-styles"}},[t("code",[e._v("pointStyle")])])]),e._v(" "),t("td",[t("a",{attrs:{href:"#types"}},[t("code",[e._v("pointStyle")])])]),e._v(" "),t("td",[t("code",[e._v("'circle'")])]),e._v(" "),t("td",[e._v("Point style.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("rotation")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Point rotation (in degrees).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Point fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Point stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("'Chart.defaults.borderColor")])]),e._v(" "),t("td",[e._v("Point stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hitRadius")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Extra radius added to point radius for hit detection.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hoverRadius")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("4")])]),e._v(" "),t("td",[e._v("Point radius when hovered.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("hoverBorderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("1")])]),e._v(" "),t("td",[e._v("Stroke width when hovered.")])])])]),e._v(" "),t("h3",{attrs:{id:"point-styles"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#point-styles"}},[e._v("#")]),e._v(" Point Styles")]),e._v(" "),t("h4",{attrs:{id:"types"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#types"}},[e._v("#")]),e._v(" Types")]),e._v(" "),t("p",[e._v("The "),t("code",[e._v("pointStyle")]),e._v(" argument accepts the following type of inputs: "),t("code",[e._v("string")]),e._v(", "),t("code",[e._v("Image")]),e._v(" and "),t("code",[e._v("HTMLCanvasElement")])]),e._v(" "),t("h4",{attrs:{id:"info"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#info"}},[e._v("#")]),e._v(" Info")]),e._v(" "),t("p",[e._v("When a string is provided, the following values are supported:")]),e._v(" "),t("ul",[t("li",[t("code",[e._v("'circle'")])]),e._v(" "),t("li",[t("code",[e._v("'cross'")])]),e._v(" "),t("li",[t("code",[e._v("'crossRot'")])]),e._v(" "),t("li",[t("code",[e._v("'dash'")])]),e._v(" "),t("li",[t("code",[e._v("'line'")])]),e._v(" "),t("li",[t("code",[e._v("'rect'")])]),e._v(" "),t("li",[t("code",[e._v("'rectRounded'")])]),e._v(" "),t("li",[t("code",[e._v("'rectRot'")])]),e._v(" "),t("li",[t("code",[e._v("'star'")])]),e._v(" "),t("li",[t("code",[e._v("'triangle'")])]),e._v(" "),t("li",[t("code",[e._v("false")])])]),e._v(" "),t("p",[e._v("If the value is an image or a canvas element, that image or canvas element is drawn on the canvas using "),t("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/drawImage",target:"_blank",rel:"noopener noreferrer"}},[e._v("drawImage"),t("OutboundLink")],1),e._v(".")]),e._v(" "),t("h2",{attrs:{id:"line-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-configuration"}},[e._v("#")]),e._v(" Line Configuration")]),e._v(" "),t("p",[e._v("Line elements are used to represent the line in a line chart.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.line")]),e._v(", global line options: "),t("code",[e._v("Chart.defaults.elements.line")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("tension")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Bézier curve tension ("),t("code",[e._v("0")]),e._v(" for no Bézier curves).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Line fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("3")])]),e._v(" "),t("td",[e._v("Line stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.borderColor")])]),e._v(" "),t("td",[e._v("Line stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderCapStyle")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("'butt'")])]),e._v(" "),t("td",[e._v("Line cap style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/lineCap",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Line dash. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0.0")])]),e._v(" "),t("td",[e._v("Line dash offset. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("'round'")]),e._v("|"),t("code",[e._v("'bevel'")]),e._v("|"),t("code",[e._v("'miter'")])]),e._v(" "),t("td",[t("code",[e._v("'miter'")])]),e._v(" "),t("td",[e._v("Line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("capBezierPoints")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",[t("code",[e._v("true")])]),e._v(" "),t("td",[t("code",[e._v("true")]),e._v(" to keep Bézier control inside the chart, "),t("code",[e._v("false")]),e._v(" for no restriction.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("cubicInterpolationMode")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("'default'")])]),e._v(" "),t("td",[e._v("Interpolation mode to apply. "),t("RouterLink",{attrs:{to:"/charts/line.html#cubicinterpolationmode"}},[e._v("See more...")])],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("fill")])]),e._v(" "),t("td",[t("code",[e._v("boolean")]),e._v("|"),t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("false")])]),e._v(" "),t("td",[e._v("How to fill the area under the line. See "),t("RouterLink",{attrs:{to:"/charts/area.html#filling-modes"}},[e._v("area charts")]),e._v(".")],1)]),e._v(" "),t("tr",[t("td",[t("code",[e._v("stepped")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",[t("code",[e._v("false")])]),e._v(" "),t("td",[t("code",[e._v("true")]),e._v(" to show the line as a stepped line ("),t("code",[e._v("tension")]),e._v(" will be ignored).")])])])]),e._v(" "),t("h2",{attrs:{id:"bar-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bar-configuration"}},[e._v("#")]),e._v(" Bar Configuration")]),e._v(" "),t("p",[e._v("Bar elements are used to represent the bars in a bar chart.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.bar")]),e._v(", global bar options: "),t("code",[e._v("Chart.defaults.elements.bar")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Bar fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("Bar stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.borderColor")])]),e._v(" "),t("td",[e._v("Bar stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderSkipped")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("'start'")])]),e._v(" "),t("td",[e._v("Skipped (excluded) border: "),t("code",[e._v("'start'")]),e._v(", "),t("code",[e._v("'end'")]),e._v(", "),t("code",[e._v("'middle'")]),e._v(", "),t("code",[e._v("'bottom'")]),e._v(", "),t("code",[e._v("'left'")]),e._v(", "),t("code",[e._v("'top'")]),e._v(", "),t("code",[e._v("'right'")]),e._v(" or "),t("code",[e._v("false")]),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderRadius")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("object")])]),e._v(" "),t("td",[t("code",[e._v("0")])]),e._v(" "),t("td",[e._v("The bar border radius (in pixels).")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("inflateAmount")])]),e._v(" "),t("td",[t("code",[e._v("number")]),e._v("|"),t("code",[e._v("'auto'")])]),e._v(" "),t("td",[t("code",[e._v("'auto'")])]),e._v(" "),t("td",[e._v("The amount of pixels to inflate the bar rectangle(s) when drawing.")])]),e._v(" "),t("tr",[t("td",[t("a",{attrs:{href:"#point-styles"}},[t("code",[e._v("pointStyle")])])]),e._v(" "),t("td",[t("code",[e._v("string")]),e._v("|"),t("code",[e._v("Image")]),e._v("|"),t("code",[e._v("HTMLCanvasElement")])]),e._v(" "),t("td",[t("code",[e._v("'circle'")])]),e._v(" "),t("td",[e._v("Style of the point for legend.")])])])]),e._v(" "),t("h2",{attrs:{id:"arc-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#arc-configuration"}},[e._v("#")]),e._v(" Arc Configuration")]),e._v(" "),t("p",[e._v("Arcs are used in the polar area, doughnut and pie charts.")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options.elements.arc")]),e._v(", global arc options: "),t("code",[e._v("Chart.defaults.elements.arc")]),e._v(".")]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("angle")]),e._v(" - for polar only")]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("circumference / (arc count)")])]),e._v(" "),t("td",[e._v("Arc angle to cover.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("backgroundColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("Chart.defaults.backgroundColor")])]),e._v(" "),t("td",[e._v("Arc fill color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderAlign")])]),e._v(" "),t("td",[t("code",[e._v("'center'")]),e._v("|"),t("code",[e._v("'inner'")])]),e._v(" "),t("td",[t("code",[e._v("'center'")])]),e._v(" "),t("td",[e._v("Arc stroke alignment.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderColor")])]),e._v(" "),t("td",[t("RouterLink",{attrs:{to:"/general/colors.html"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("td",[t("code",[e._v("'#fff'")])]),e._v(" "),t("td",[e._v("Arc stroke color.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDash")])]),e._v(" "),t("td",[t("code",[e._v("number[]")])]),e._v(" "),t("td",[t("code",[e._v("[]")])]),e._v(" "),t("td",[e._v("Arc line dash. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderDashOffset")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("0.0")])]),e._v(" "),t("td",[e._v("Arc line dash offset. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderJoinStyle")])]),e._v(" "),t("td",[t("code",[e._v("'round'")]),e._v("|"),t("code",[e._v("'bevel'")]),e._v("|"),t("code",[e._v("'miter'")])]),e._v(" "),t("td",[t("code",[e._v("'bevel'")]),e._v("|"),t("code",[e._v("'round'")])]),e._v(" "),t("td",[e._v("Line join style. See "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin",target:"_blank",rel:"noopener noreferrer"}},[e._v("MDN"),t("OutboundLink")],1),e._v(". The default is "),t("code",[e._v("'round'")]),e._v(" when "),t("code",[e._v("borderAlign")]),e._v(" is "),t("code",[e._v("'inner'")])])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("borderWidth")])]),e._v(" "),t("td",[t("code",[e._v("number")])]),e._v(" "),t("td",[t("code",[e._v("2")])]),e._v(" "),t("td",[e._v("Arc stroke width.")])]),e._v(" "),t("tr",[t("td",[t("code",[e._v("circular")])]),e._v(" "),t("td",[t("code",[e._v("boolean")])]),e._v(" "),t("td",[t("code",[e._v("true")])]),e._v(" "),t("td",[e._v("By default the Arc is curved. If "),t("code",[e._v("circular: false")]),e._v(" the Arc will be flat")])])])])])}),[],!1,null,null,null);t.default=v.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/161.910ba143.js b/docs/master/assets/js/161.6f3e2520.js similarity index 99% rename from docs/master/assets/js/161.910ba143.js rename to docs/master/assets/js/161.6f3e2520.js index ff23f91230..267f01cbc8 100644 --- a/docs/master/assets/js/161.910ba143.js +++ b/docs/master/assets/js/161.6f3e2520.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[161],{494:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),a("p",[t._v("The configuration is used to change how the chart behaves. There are properties to control styling, fonts, the legend, etc.")]),t._v(" "),a("h2",{attrs:{id:"configuration-object-structure"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration-object-structure"}},[t._v("#")]),t._v(" Configuration object structure")]),t._v(" "),a("p",[t._v("The top level structure of Chart.js configuration:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" config "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"type"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),a("p",[t._v("Chart type determines the main type of the chart.")]),t._v(" "),a("p",[a("strong",[t._v("note")]),t._v(" A dataset can override the "),a("code",[t._v("type")]),t._v(", this is how mixed charts are constructed.")]),t._v(" "),a("h3",{attrs:{id:"data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" data")]),t._v(" "),a("p",[t._v("See "),a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data Structures")]),t._v(" for details.")],1),t._v(" "),a("h3",{attrs:{id:"options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),a("p",[t._v("Majority of the documentation talks about these options.")]),t._v(" "),a("h3",{attrs:{id:"plugins"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#plugins"}},[t._v("#")]),t._v(" plugins")]),t._v(" "),a("p",[t._v("Inline plugins can be included in this array. It is an alternative way of adding plugins for single chart (vs registering the plugin globally).\nMore about plugins in the "),a("RouterLink",{attrs:{to:"/developers/plugins.html"}},[t._v("developers section")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"global-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#global-configuration"}},[t._v("#")]),t._v(" Global Configuration")]),t._v(" "),a("p",[t._v("This concept was introduced in Chart.js 1.0 to keep configuration "),a("a",{attrs:{href:"https://en.wikipedia.org/wiki/Don%27t_repeat_yourself",target:"_blank",rel:"noopener noreferrer"}},[t._v("DRY"),a("OutboundLink")],1),t._v(", and allow for changing options globally across chart types, avoiding the need to specify options for each instance, or the default for a particular chart type.")]),t._v(" "),a("p",[t._v("Chart.js merges the "),a("code",[t._v("options")]),t._v(" object passed to the chart with the global configuration using chart type defaults and scales defaults appropriately. This way you can be as specific as you would like in your individual chart configuration, while still changing the defaults for all chart types where applicable. The global general options are defined in "),a("code",[t._v("Chart.defaults")]),t._v(". The defaults for each chart type are discussed in the documentation for that chart type.")]),t._v(" "),a("p",[t._v("The following example would set the interaction mode to 'nearest' for all charts where this was not overridden by the chart type defaults or the options passed to the constructor on creation.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("interaction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("mode "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'nearest'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Interaction mode is set to nearest because it was not overridden here")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chartInteractionModeNearest "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This chart would have the interaction mode that was passed in")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chartDifferentInteractionMode "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("interaction")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Overrides the global setting")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("mode")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'index'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"dataset-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#dataset-configuration"}},[t._v("#")]),t._v(" Dataset Configuration")]),t._v(" "),a("p",[t._v("Options may be configured directly on the dataset. The dataset options can be changed at multiple different levels. See "),a("RouterLink",{attrs:{to:"/general/options.html#dataset-level-options"}},[t._v("options")]),t._v(" for details on how the options are resolved.")],1),t._v(" "),a("p",[t._v("The following example would set the "),a("code",[t._v("showLine")]),t._v(" option to 'false' for all line datasets except for those overridden by options passed to the dataset on creation.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Do not show lines for all datasets by default")]),t._v("\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("line"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("showLine "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This chart would show a line only for the third dataset")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// overrides the `line` dataset default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'scatter'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 'line' dataset default does not affect this dataset since it's a 'scatter'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[161],{493:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration"}},[t._v("#")]),t._v(" Configuration")]),t._v(" "),a("p",[t._v("The configuration is used to change how the chart behaves. There are properties to control styling, fonts, the legend, etc.")]),t._v(" "),a("h2",{attrs:{id:"configuration-object-structure"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration-object-structure"}},[t._v("#")]),t._v(" Configuration object structure")]),t._v(" "),a("p",[t._v("The top level structure of Chart.js configuration:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" config "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h3",{attrs:{id:"type"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),a("p",[t._v("Chart type determines the main type of the chart.")]),t._v(" "),a("p",[a("strong",[t._v("note")]),t._v(" A dataset can override the "),a("code",[t._v("type")]),t._v(", this is how mixed charts are constructed.")]),t._v(" "),a("h3",{attrs:{id:"data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" data")]),t._v(" "),a("p",[t._v("See "),a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data Structures")]),t._v(" for details.")],1),t._v(" "),a("h3",{attrs:{id:"options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),a("p",[t._v("Majority of the documentation talks about these options.")]),t._v(" "),a("h3",{attrs:{id:"plugins"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#plugins"}},[t._v("#")]),t._v(" plugins")]),t._v(" "),a("p",[t._v("Inline plugins can be included in this array. It is an alternative way of adding plugins for single chart (vs registering the plugin globally).\nMore about plugins in the "),a("RouterLink",{attrs:{to:"/developers/plugins.html"}},[t._v("developers section")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"global-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#global-configuration"}},[t._v("#")]),t._v(" Global Configuration")]),t._v(" "),a("p",[t._v("This concept was introduced in Chart.js 1.0 to keep configuration "),a("a",{attrs:{href:"https://en.wikipedia.org/wiki/Don%27t_repeat_yourself",target:"_blank",rel:"noopener noreferrer"}},[t._v("DRY"),a("OutboundLink")],1),t._v(", and allow for changing options globally across chart types, avoiding the need to specify options for each instance, or the default for a particular chart type.")]),t._v(" "),a("p",[t._v("Chart.js merges the "),a("code",[t._v("options")]),t._v(" object passed to the chart with the global configuration using chart type defaults and scales defaults appropriately. This way you can be as specific as you would like in your individual chart configuration, while still changing the defaults for all chart types where applicable. The global general options are defined in "),a("code",[t._v("Chart.defaults")]),t._v(". The defaults for each chart type are discussed in the documentation for that chart type.")]),t._v(" "),a("p",[t._v("The following example would set the interaction mode to 'nearest' for all charts where this was not overridden by the chart type defaults or the options passed to the constructor on creation.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("interaction"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("mode "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'nearest'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Interaction mode is set to nearest because it was not overridden here")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chartInteractionModeNearest "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This chart would have the interaction mode that was passed in")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chartDifferentInteractionMode "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("interaction")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Overrides the global setting")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("mode")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'index'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"dataset-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#dataset-configuration"}},[t._v("#")]),t._v(" Dataset Configuration")]),t._v(" "),a("p",[t._v("Options may be configured directly on the dataset. The dataset options can be changed at multiple different levels. See "),a("RouterLink",{attrs:{to:"/general/options.html#dataset-level-options"}},[t._v("options")]),t._v(" for details on how the options are resolved.")],1),t._v(" "),a("p",[t._v("The following example would set the "),a("code",[t._v("showLine")]),t._v(" option to 'false' for all line datasets except for those overridden by options passed to the dataset on creation.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Do not show lines for all datasets by default")]),t._v("\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("line"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("showLine "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// This chart would show a line only for the third dataset")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// overrides the `line` dataset default")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'scatter'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 'line' dataset default does not affect this dataset since it's a 'scatter'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/163.1c567ccf.js b/docs/master/assets/js/163.7805558a.js similarity index 96% rename from docs/master/assets/js/163.1c567ccf.js rename to docs/master/assets/js/163.7805558a.js index 1e1b6e2b3b..802923cd6d 100644 --- a/docs/master/assets/js/163.1c567ccf.js +++ b/docs/master/assets/js/163.7805558a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[163],{492:function(t,e,a){"use strict";a.r(e);var o=a(3),d=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"layout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#layout"}},[t._v("#")]),t._v(" Layout")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.layout")]),t._v(", the global options for the chart layout is defined in "),e("code",[t._v("Chart.defaults.layout")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("autoPadding")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[t._v("Apply automatic padding so visible elements are completely drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("The padding to add inside the chart.")])])])])])}),[],!1,null,null,null);e.default=d.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[163],{494:function(t,e,a){"use strict";a.r(e);var o=a(3),d=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"layout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#layout"}},[t._v("#")]),t._v(" Layout")]),t._v(" "),e("p",[t._v("Namespace: "),e("code",[t._v("options.layout")]),t._v(", the global options for the chart layout is defined in "),e("code",[t._v("Chart.defaults.layout")]),t._v(".")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Name")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")]),t._v(" "),e("th",{staticStyle:{"text-align":"center"}},[e("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[e("code",[t._v("autoPadding")])]),t._v(" "),e("td",[e("code",[t._v("boolean")])]),t._v(" "),e("td",[e("code",[t._v("true")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("No")]),t._v(" "),e("td",[t._v("Apply automatic padding so visible elements are completely drawn.")])]),t._v(" "),e("tr",[e("td",[e("code",[t._v("padding")])]),t._v(" "),e("td",[e("RouterLink",{attrs:{to:"/general/padding.html"}},[e("code",[t._v("Padding")])])],1),t._v(" "),e("td",[e("code",[t._v("0")])]),t._v(" "),e("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),e("td",[t._v("The padding to add inside the chart.")])])])])])}),[],!1,null,null,null);e.default=d.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/165.76f67ed1.js b/docs/master/assets/js/165.baa44d50.js similarity index 97% rename from docs/master/assets/js/165.76f67ed1.js rename to docs/master/assets/js/165.baa44d50.js index 3bcb99e9b1..a7e0576f61 100644 --- a/docs/master/assets/js/165.76f67ed1.js +++ b/docs/master/assets/js/165.baa44d50.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[165],{498:function(e,t,o){"use strict";o.r(t);var a=o(3),n=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"locale"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#locale"}},[e._v("#")]),e._v(" Locale")]),e._v(" "),t("p",[e._v("For applications where the numbers of ticks on scales must be formatted accordingly with a language sensitive number formatting, you can enable this kind of formatting by setting the "),t("code",[e._v("locale")]),e._v(" option.")]),e._v(" "),t("p",[e._v("The locale is a string that is a "),t("a",{attrs:{href:"https://www.unicode.org/reports/tr35/tr35.html#BCP_47_Conformance",target:"_blank",rel:"noopener noreferrer"}},[e._v("Unicode BCP 47 locale identifier"),t("OutboundLink")],1),e._v(".")]),e._v(" "),t("p",[e._v("A Unicode BCP 47 locale identifier consists of")]),e._v(" "),t("ol",[t("li",[e._v("a language code,")]),e._v(" "),t("li",[e._v("(optionally) a script code,")]),e._v(" "),t("li",[e._v("(optionally) a region (or country) code,")]),e._v(" "),t("li",[e._v("(optionally) one or more variant codes, and")]),e._v(" "),t("li",[e._v("(optionally) one or more extension sequences,")])]),e._v(" "),t("p",[e._v("with all present components separated by hyphens.")]),e._v(" "),t("p",[e._v("By default, the chart is using the default locale of the platform which is running on.")]),e._v(" "),t("h2",{attrs:{id:"configuration-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[e._v("#")]),e._v(" Configuration Options")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options")])]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("locale")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("a string with a BCP 47 language tag, leveraging on "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e._v("INTL NumberFormat"),t("OutboundLink")],1),e._v(".")])])])])])}),[],!1,null,null,null);t.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[165],{497:function(e,t,o){"use strict";o.r(t);var a=o(3),n=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"locale"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#locale"}},[e._v("#")]),e._v(" Locale")]),e._v(" "),t("p",[e._v("For applications where the numbers of ticks on scales must be formatted accordingly with a language sensitive number formatting, you can enable this kind of formatting by setting the "),t("code",[e._v("locale")]),e._v(" option.")]),e._v(" "),t("p",[e._v("The locale is a string that is a "),t("a",{attrs:{href:"https://www.unicode.org/reports/tr35/tr35.html#BCP_47_Conformance",target:"_blank",rel:"noopener noreferrer"}},[e._v("Unicode BCP 47 locale identifier"),t("OutboundLink")],1),e._v(".")]),e._v(" "),t("p",[e._v("A Unicode BCP 47 locale identifier consists of")]),e._v(" "),t("ol",[t("li",[e._v("a language code,")]),e._v(" "),t("li",[e._v("(optionally) a script code,")]),e._v(" "),t("li",[e._v("(optionally) a region (or country) code,")]),e._v(" "),t("li",[e._v("(optionally) one or more variant codes, and")]),e._v(" "),t("li",[e._v("(optionally) one or more extension sequences,")])]),e._v(" "),t("p",[e._v("with all present components separated by hyphens.")]),e._v(" "),t("p",[e._v("By default, the chart is using the default locale of the platform which is running on.")]),e._v(" "),t("h2",{attrs:{id:"configuration-options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[e._v("#")]),e._v(" Configuration Options")]),e._v(" "),t("p",[e._v("Namespace: "),t("code",[e._v("options")])]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",[e._v("Name")]),e._v(" "),t("th",[e._v("Type")]),e._v(" "),t("th",[e._v("Default")]),e._v(" "),t("th",[e._v("Description")])])]),e._v(" "),t("tbody",[t("tr",[t("td",[t("code",[e._v("locale")])]),e._v(" "),t("td",[t("code",[e._v("string")])]),e._v(" "),t("td",[t("code",[e._v("undefined")])]),e._v(" "),t("td",[e._v("a string with a BCP 47 language tag, leveraging on "),t("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat",target:"_blank",rel:"noopener noreferrer"}},[e._v("INTL NumberFormat"),t("OutboundLink")],1),e._v(".")])])])])])}),[],!1,null,null,null);t.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/166.177f8b06.js b/docs/master/assets/js/166.abbfe5a1.js similarity index 99% rename from docs/master/assets/js/166.177f8b06.js rename to docs/master/assets/js/166.abbfe5a1.js index 4c0914bca5..d3483941cc 100644 --- a/docs/master/assets/js/166.177f8b06.js +++ b/docs/master/assets/js/166.abbfe5a1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[166],{497:function(t,a,e){"use strict";e.r(a);var s=e(3),n=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"responsive-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#responsive-charts"}},[t._v("#")]),t._v(" Responsive Charts")]),t._v(" "),a("p",[t._v("When it comes to changing the chart size based on the window size, a major limitation is that the canvas "),a("em",[t._v("render")]),t._v(" size ("),a("code",[t._v("canvas.width")]),t._v(" and "),a("code",[t._v(".height")]),t._v(") can "),a("strong",[t._v("not")]),t._v(" be expressed with relative values, contrary to the "),a("em",[t._v("display")]),t._v(" size ("),a("code",[t._v("canvas.style.width")]),t._v(" and "),a("code",[t._v(".height")]),t._v("). Furthermore, these sizes are independent of each other and thus the canvas "),a("em",[t._v("render")]),t._v(" size does not adjust automatically based on the "),a("em",[t._v("display")]),t._v(" size, making the rendering inaccurate.")]),t._v(" "),a("p",[t._v("The following examples "),a("strong",[t._v("do not work")]),t._v(":")]),t._v(" "),a("ul",[a("li",[a("code",[t._v('')]),t._v(": "),a("strong",[t._v("invalid")]),t._v(" values, the canvas doesn't resize ("),a("a",{attrs:{href:"https://codepen.io/chartjs/pen/oWLZaR",target:"_blank",rel:"noopener noreferrer"}},[t._v("example"),a("OutboundLink")],1),t._v(")")]),t._v(" "),a("li",[a("code",[t._v('')]),t._v(": "),a("strong",[t._v("invalid")]),t._v(" behavior, the canvas is resized but becomes blurry ("),a("a",{attrs:{href:"https://codepen.io/chartjs/pen/WjxpmO",target:"_blank",rel:"noopener noreferrer"}},[t._v("example"),a("OutboundLink")],1),t._v(")")]),t._v(" "),a("li",[a("code",[t._v('')]),t._v(": "),a("strong",[t._v("invalid")]),t._v(" behavior, the canvas continually shrinks. Chart.js needs a dedicated container for each canvas and this styling should be applied there.")])]),t._v(" "),a("p",[t._v("Chart.js provides a "),a("a",{attrs:{href:"#configuration-options"}},[t._v("few options")]),t._v(" to enable responsiveness and control the resize behavior of charts by detecting when the canvas "),a("em",[t._v("display")]),t._v(" size changes and update the "),a("em",[t._v("render")]),t._v(" size accordingly.")]),t._v(" "),a("h2",{attrs:{id:"configuration-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("responsive")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Resizes the chart canvas when its container does ("),a("a",{attrs:{href:"#important-note"}},[t._v("important note...")]),t._v(").")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("maintainAspectRatio")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Maintain the original canvas aspect ratio "),a("code",[t._v("(width / height)")]),t._v(" when resizing.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("aspectRatio")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("1")]),t._v("|"),a("code",[t._v("2")])]),t._v(" "),a("td",[t._v("Canvas aspect ratio (i.e. "),a("code",[t._v("width / height")]),t._v(", 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. The default value varies by chart type; Radial charts (doughnut, pie, polarArea, radar) default to "),a("code",[t._v("1")]),t._v(" and others default to "),a("code",[t._v("2")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("onResize")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",[a("code",[t._v("null")])]),t._v(" "),a("td",[t._v("Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("resizeDelay")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("Delay the resize update by the given amount of milliseconds. This can ease the resize process by debouncing the update of the elements.")])])])]),t._v(" "),a("h2",{attrs:{id:"important-note"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#important-note"}},[t._v("#")]),t._v(" Important Note")]),t._v(" "),a("p",[t._v("Detecting when the canvas size changes can not be done directly from the "),a("code",[t._v("canvas")]),t._v(" element. Chart.js uses its parent container to update the canvas "),a("em",[t._v("render")]),t._v(" and "),a("em",[t._v("display")]),t._v(" sizes. However, this method requires the container to be "),a("strong",[t._v("relatively positioned")]),t._v(" and "),a("strong",[t._v("dedicated to the chart canvas only")]),t._v(". Responsiveness can then be achieved by setting relative values for the container size ("),a("a",{attrs:{href:"https://codepen.io/chartjs/pen/YVWZbz",target:"_blank",rel:"noopener noreferrer"}},[t._v("example"),a("OutboundLink")],1),t._v("):")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("chart-container"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("position")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" relative"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v("40vh"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v("80vw")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("The chart can also be programmatically resized by modifying the container size:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parentNode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'128px'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parentNode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'128px'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Note that in order for the above code to correctly resize the chart height, the "),a("a",{attrs:{href:"#configuration-options"}},[a("code",[t._v("maintainAspectRatio")])]),t._v(" option must also be set to "),a("code",[t._v("false")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"printing-resizable-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#printing-resizable-charts"}},[t._v("#")]),t._v(" Printing Resizable Charts")]),t._v(" "),a("p",[t._v("CSS media queries allow changing styles when printing a page. The CSS applied from these media queries may cause charts to need to resize. However, the resize won't happen automatically. To support resizing charts when printing, you need to hook the "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeprint",target:"_blank",rel:"noopener noreferrer"}},[t._v("onbeforeprint"),a("OutboundLink")],1),t._v(" event and manually trigger resizing of each chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("beforePrintHandler")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" id "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("instances"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("instances"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("id"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("You may also find that, due to complexities in when the browser lays out the document for printing and when resize events are fired, Chart.js is unable to properly resize for the print layout. To work around this, you can pass an explicit size to "),a("code",[t._v(".resize()")]),t._v(" then use an "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onafterprint",target:"_blank",rel:"noopener noreferrer"}},[t._v("onafterprint"),a("OutboundLink")],1),t._v(" event to restore the automatic size when done.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'beforeprint'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nwindow"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'afterprint'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[166],{498:function(t,a,e){"use strict";e.r(a);var s=e(3),n=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"responsive-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#responsive-charts"}},[t._v("#")]),t._v(" Responsive Charts")]),t._v(" "),a("p",[t._v("When it comes to changing the chart size based on the window size, a major limitation is that the canvas "),a("em",[t._v("render")]),t._v(" size ("),a("code",[t._v("canvas.width")]),t._v(" and "),a("code",[t._v(".height")]),t._v(") can "),a("strong",[t._v("not")]),t._v(" be expressed with relative values, contrary to the "),a("em",[t._v("display")]),t._v(" size ("),a("code",[t._v("canvas.style.width")]),t._v(" and "),a("code",[t._v(".height")]),t._v("). Furthermore, these sizes are independent of each other and thus the canvas "),a("em",[t._v("render")]),t._v(" size does not adjust automatically based on the "),a("em",[t._v("display")]),t._v(" size, making the rendering inaccurate.")]),t._v(" "),a("p",[t._v("The following examples "),a("strong",[t._v("do not work")]),t._v(":")]),t._v(" "),a("ul",[a("li",[a("code",[t._v('')]),t._v(": "),a("strong",[t._v("invalid")]),t._v(" values, the canvas doesn't resize ("),a("a",{attrs:{href:"https://codepen.io/chartjs/pen/oWLZaR",target:"_blank",rel:"noopener noreferrer"}},[t._v("example"),a("OutboundLink")],1),t._v(")")]),t._v(" "),a("li",[a("code",[t._v('')]),t._v(": "),a("strong",[t._v("invalid")]),t._v(" behavior, the canvas is resized but becomes blurry ("),a("a",{attrs:{href:"https://codepen.io/chartjs/pen/WjxpmO",target:"_blank",rel:"noopener noreferrer"}},[t._v("example"),a("OutboundLink")],1),t._v(")")]),t._v(" "),a("li",[a("code",[t._v('')]),t._v(": "),a("strong",[t._v("invalid")]),t._v(" behavior, the canvas continually shrinks. Chart.js needs a dedicated container for each canvas and this styling should be applied there.")])]),t._v(" "),a("p",[t._v("Chart.js provides a "),a("a",{attrs:{href:"#configuration-options"}},[t._v("few options")]),t._v(" to enable responsiveness and control the resize behavior of charts by detecting when the canvas "),a("em",[t._v("display")]),t._v(" size changes and update the "),a("em",[t._v("render")]),t._v(" size accordingly.")]),t._v(" "),a("h2",{attrs:{id:"configuration-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#configuration-options"}},[t._v("#")]),t._v(" Configuration Options")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("responsive")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Resizes the chart canvas when its container does ("),a("a",{attrs:{href:"#important-note"}},[t._v("important note...")]),t._v(").")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("maintainAspectRatio")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",[t._v("Maintain the original canvas aspect ratio "),a("code",[t._v("(width / height)")]),t._v(" when resizing.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("aspectRatio")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("1")]),t._v("|"),a("code",[t._v("2")])]),t._v(" "),a("td",[t._v("Canvas aspect ratio (i.e. "),a("code",[t._v("width / height")]),t._v(", 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. The default value varies by chart type; Radial charts (doughnut, pie, polarArea, radar) default to "),a("code",[t._v("1")]),t._v(" and others default to "),a("code",[t._v("2")]),t._v(".")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("onResize")])]),t._v(" "),a("td",[a("code",[t._v("function")])]),t._v(" "),a("td",[a("code",[t._v("null")])]),t._v(" "),a("td",[t._v("Called when a resize occurs. Gets passed two arguments: the chart instance and the new size.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("resizeDelay")])]),t._v(" "),a("td",[a("code",[t._v("number")])]),t._v(" "),a("td",[a("code",[t._v("0")])]),t._v(" "),a("td",[t._v("Delay the resize update by the given amount of milliseconds. This can ease the resize process by debouncing the update of the elements.")])])])]),t._v(" "),a("h2",{attrs:{id:"important-note"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#important-note"}},[t._v("#")]),t._v(" Important Note")]),t._v(" "),a("p",[t._v("Detecting when the canvas size changes can not be done directly from the "),a("code",[t._v("canvas")]),t._v(" element. Chart.js uses its parent container to update the canvas "),a("em",[t._v("render")]),t._v(" and "),a("em",[t._v("display")]),t._v(" sizes. However, this method requires the container to be "),a("strong",[t._v("relatively positioned")]),t._v(" and "),a("strong",[t._v("dedicated to the chart canvas only")]),t._v(". Responsiveness can then be achieved by setting relative values for the container size ("),a("a",{attrs:{href:"https://codepen.io/chartjs/pen/YVWZbz",target:"_blank",rel:"noopener noreferrer"}},[t._v("example"),a("OutboundLink")],1),t._v("):")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("chart-container"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("position")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" relative"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v("40vh"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v("80vw")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("The chart can also be programmatically resized by modifying the container size:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parentNode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'128px'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parentNode"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'128px'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Note that in order for the above code to correctly resize the chart height, the "),a("a",{attrs:{href:"#configuration-options"}},[a("code",[t._v("maintainAspectRatio")])]),t._v(" option must also be set to "),a("code",[t._v("false")]),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"printing-resizable-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#printing-resizable-charts"}},[t._v("#")]),t._v(" Printing Resizable Charts")]),t._v(" "),a("p",[t._v("CSS media queries allow changing styles when printing a page. The CSS applied from these media queries may cause charts to need to resize. However, the resize won't happen automatically. To support resizing charts when printing, you need to hook the "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeprint",target:"_blank",rel:"noopener noreferrer"}},[t._v("onbeforeprint"),a("OutboundLink")],1),t._v(" event and manually trigger resizing of each chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("beforePrintHandler")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" id "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("instances"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("instances"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("id"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("You may also find that, due to complexities in when the browser lays out the document for printing and when resize events are fired, Chart.js is unable to properly resize for the print layout. To work around this, you can pass an explicit size to "),a("code",[t._v(".resize()")]),t._v(" then use an "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onafterprint",target:"_blank",rel:"noopener noreferrer"}},[t._v("onafterprint"),a("OutboundLink")],1),t._v(" event to restore the automatic size when done.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("window"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'beforeprint'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("600")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nwindow"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addEventListener")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'afterprint'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/167.9e300ac1.js b/docs/master/assets/js/167.e26aeeee.js similarity index 98% rename from docs/master/assets/js/167.9e300ac1.js rename to docs/master/assets/js/167.e26aeeee.js index 5430a4eb79..57514b8283 100644 --- a/docs/master/assets/js/167.9e300ac1.js +++ b/docs/master/assets/js/167.e26aeeee.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[167],{499:function(t,a,s){"use strict";s.r(a);var e=s(3),r=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"subtitle"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#subtitle"}},[t._v("#")]),t._v(" Subtitle")]),t._v(" "),a("p",[t._v("Subtitle is a second title placed under the main title, by default. It has exactly the same configuration options with the main "),a("RouterLink",{attrs:{to:"/configuration/title.html"}},[t._v("title")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"subtitle-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#subtitle-configuration"}},[t._v("#")]),t._v(" Subtitle Configuration")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.plugins.subtitle")]),t._v(". The global defaults for subtitle are configured in "),a("code",[t._v("Chart.defaults.plugins.subtitle")]),t._v(".")]),t._v(" "),a("p",[t._v("Exactly the same configuration options with "),a("RouterLink",{attrs:{to:"/configuration/title.html"}},[t._v("title")]),t._v(" are available for subtitle, the namespaces only differ.")],1),t._v(" "),a("h2",{attrs:{id:"example-usage"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-usage"}},[t._v("#")]),t._v(" Example Usage")]),t._v(" "),a("p",[t._v("The example below would enable a title of 'Custom Chart Subtitle' on the chart that is created.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("subtitle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Custom Chart Subtitle'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[167],{500:function(t,a,s){"use strict";s.r(a);var e=s(3),r=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"subtitle"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#subtitle"}},[t._v("#")]),t._v(" Subtitle")]),t._v(" "),a("p",[t._v("Subtitle is a second title placed under the main title, by default. It has exactly the same configuration options with the main "),a("RouterLink",{attrs:{to:"/configuration/title.html"}},[t._v("title")]),t._v(".")],1),t._v(" "),a("h2",{attrs:{id:"subtitle-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#subtitle-configuration"}},[t._v("#")]),t._v(" Subtitle Configuration")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.plugins.subtitle")]),t._v(". The global defaults for subtitle are configured in "),a("code",[t._v("Chart.defaults.plugins.subtitle")]),t._v(".")]),t._v(" "),a("p",[t._v("Exactly the same configuration options with "),a("RouterLink",{attrs:{to:"/configuration/title.html"}},[t._v("title")]),t._v(" are available for subtitle, the namespaces only differ.")],1),t._v(" "),a("h2",{attrs:{id:"example-usage"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-usage"}},[t._v("#")]),t._v(" Example Usage")]),t._v(" "),a("p",[t._v("The example below would enable a title of 'Custom Chart Subtitle' on the chart that is created.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("subtitle")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Custom Chart Subtitle'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/168.ca34d770.js b/docs/master/assets/js/168.a2527666.js similarity index 99% rename from docs/master/assets/js/168.ca34d770.js rename to docs/master/assets/js/168.a2527666.js index 49d22e8b65..5762d5854f 100644 --- a/docs/master/assets/js/168.ca34d770.js +++ b/docs/master/assets/js/168.a2527666.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[168],{501:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"title"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" Title")]),t._v(" "),a("p",[t._v("The chart title defines text to draw at the top of the chart.")]),t._v(" "),a("h2",{attrs:{id:"title-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#title-configuration"}},[t._v("#")]),t._v(" Title Configuration")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.plugins.title")]),t._v(", the global options for the chart title is defined in "),a("code",[t._v("Chart.defaults.plugins.title")]),t._v(".")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[a("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("align")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'center'")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Alignment of the title. "),a("a",{attrs:{href:"#align"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("color")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",[a("code",[t._v("Chart.defaults.color")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Color of text.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Is the title shown?")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("fullSize")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Marks that this box should take the full width/height of the canvas. If "),a("code",[t._v("false")]),t._v(", the box is sized and placed above/beside the chart area.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("position")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'top'")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Position of title. "),a("a",{attrs:{href:"#position"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("font")])]),t._v(" "),a("td",[a("code",[t._v("Font")])]),t._v(" "),a("td",[a("code",[t._v("{weight: 'bold'}")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("See "),a("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("padding")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/padding.html"}},[a("code",[t._v("Padding")])])],1),t._v(" "),a("td",[a("code",[t._v("10")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Padding to apply around the title. Only "),a("code",[t._v("top")]),t._v(" and "),a("code",[t._v("bottom")]),t._v(" are implemented.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("text")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("string[]")])]),t._v(" "),a("td",[a("code",[t._v("''")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Title text to display. If specified as an array, text is rendered on multiple lines.")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("If you need more visual customizations, you can implement the title with HTML and CSS.")])]),t._v(" "),a("h3",{attrs:{id:"position"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),a("p",[t._v("Possible title position values are:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'top'")])]),t._v(" "),a("li",[a("code",[t._v("'left'")])]),t._v(" "),a("li",[a("code",[t._v("'bottom'")])]),t._v(" "),a("li",[a("code",[t._v("'right'")])])]),t._v(" "),a("h2",{attrs:{id:"align"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#align"}},[t._v("#")]),t._v(" Align")]),t._v(" "),a("p",[t._v("Alignment of the title. Options are:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'start'")])]),t._v(" "),a("li",[a("code",[t._v("'center'")])]),t._v(" "),a("li",[a("code",[t._v("'end'")])])]),t._v(" "),a("h2",{attrs:{id:"example-usage"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-usage"}},[t._v("#")]),t._v(" Example Usage")]),t._v(" "),a("p",[t._v("The example below would enable a title of 'Custom Chart Title' on the chart that is created.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Custom Chart Title'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("This example shows how to specify separate top and bottom title text padding:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Custom Chart Title'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("top")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[168],{499:function(t,a,e){"use strict";e.r(a);var s=e(3),r=Object(s.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"title"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#title"}},[t._v("#")]),t._v(" Title")]),t._v(" "),a("p",[t._v("The chart title defines text to draw at the top of the chart.")]),t._v(" "),a("h2",{attrs:{id:"title-configuration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#title-configuration"}},[t._v("#")]),t._v(" Title Configuration")]),t._v(" "),a("p",[t._v("Namespace: "),a("code",[t._v("options.plugins.title")]),t._v(", the global options for the chart title is defined in "),a("code",[t._v("Chart.defaults.plugins.title")]),t._v(".")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[a("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable")])],1),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[a("code",[t._v("align")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'center'")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Alignment of the title. "),a("a",{attrs:{href:"#align"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("color")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/colors.html"}},[a("code",[t._v("Color")])])],1),t._v(" "),a("td",[a("code",[t._v("Chart.defaults.color")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Color of text.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("display")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("false")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Is the title shown?")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("fullSize")])]),t._v(" "),a("td",[a("code",[t._v("boolean")])]),t._v(" "),a("td",[a("code",[t._v("true")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Marks that this box should take the full width/height of the canvas. If "),a("code",[t._v("false")]),t._v(", the box is sized and placed above/beside the chart area.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("position")])]),t._v(" "),a("td",[a("code",[t._v("string")])]),t._v(" "),a("td",[a("code",[t._v("'top'")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Position of title. "),a("a",{attrs:{href:"#position"}},[t._v("more...")])])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("font")])]),t._v(" "),a("td",[a("code",[t._v("Font")])]),t._v(" "),a("td",[a("code",[t._v("{weight: 'bold'}")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("See "),a("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")])],1)]),t._v(" "),a("tr",[a("td",[a("code",[t._v("padding")])]),t._v(" "),a("td",[a("RouterLink",{attrs:{to:"/general/padding.html"}},[a("code",[t._v("Padding")])])],1),t._v(" "),a("td",[a("code",[t._v("10")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Padding to apply around the title. Only "),a("code",[t._v("top")]),t._v(" and "),a("code",[t._v("bottom")]),t._v(" are implemented.")])]),t._v(" "),a("tr",[a("td",[a("code",[t._v("text")])]),t._v(" "),a("td",[a("code",[t._v("string")]),t._v("|"),a("code",[t._v("string[]")])]),t._v(" "),a("td",[a("code",[t._v("''")])]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[t._v("Yes")]),t._v(" "),a("td",[t._v("Title text to display. If specified as an array, text is rendered on multiple lines.")])])])]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("If you need more visual customizations, you can implement the title with HTML and CSS.")])]),t._v(" "),a("h3",{attrs:{id:"position"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),a("p",[t._v("Possible title position values are:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'top'")])]),t._v(" "),a("li",[a("code",[t._v("'left'")])]),t._v(" "),a("li",[a("code",[t._v("'bottom'")])]),t._v(" "),a("li",[a("code",[t._v("'right'")])])]),t._v(" "),a("h2",{attrs:{id:"align"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#align"}},[t._v("#")]),t._v(" Align")]),t._v(" "),a("p",[t._v("Alignment of the title. Options are:")]),t._v(" "),a("ul",[a("li",[a("code",[t._v("'start'")])]),t._v(" "),a("li",[a("code",[t._v("'center'")])]),t._v(" "),a("li",[a("code",[t._v("'end'")])])]),t._v(" "),a("h2",{attrs:{id:"example-usage"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#example-usage"}},[t._v("#")]),t._v(" Example Usage")]),t._v(" "),a("p",[t._v("The example below would enable a title of 'Custom Chart Title' on the chart that is created.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Custom Chart Title'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("This example shows how to specify separate top and bottom title text padding:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Custom Chart Title'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("top")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("30")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/169.098f9a45.js b/docs/master/assets/js/169.098f9a45.js deleted file mode 100644 index d8a834dfa5..0000000000 --- a/docs/master/assets/js/169.098f9a45.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[169],{500:function(t,s,a){"use strict";a.r(s);var e=a(3),n=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"tooltip"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" Tooltip")]),t._v(" "),s("h2",{attrs:{id:"tooltip-configuration"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-configuration"}},[t._v("#")]),t._v(" Tooltip Configuration")]),t._v(" "),s("p",[t._v("Namespace: "),s("code",[t._v("options.plugins.tooltip")]),t._v(", the global options for the chart tooltips is defined in "),s("code",[t._v("Chart.defaults.plugins.tooltip")]),t._v(".")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Name")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")]),t._v(" "),s("th",[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[s("code",[t._v("enabled")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("true")])]),t._v(" "),s("td",[t._v("Are on-canvas tooltips enabled?")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("external")])]),t._v(" "),s("td",[s("code",[t._v("function")])]),t._v(" "),s("td",[s("code",[t._v("null")])]),t._v(" "),s("td",[t._v("See "),s("a",{attrs:{href:"#external-custom-tooltips"}},[t._v("external tooltip")]),t._v(" section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("mode")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("interaction.mode")])]),t._v(" "),s("td",[t._v("Sets which elements appear in the tooltip. "),s("RouterLink",{attrs:{to:"/configuration/interactions.html#modes"}},[t._v("more...")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("intersect")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("interaction.intersect")])]),t._v(" "),s("td",[t._v("If true, the tooltip mode applies only when the mouse position intersects with an element. If false, the mode will be applied at all times.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("position")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'average'")])]),t._v(" "),s("td",[t._v("The mode for positioning the tooltip. "),s("a",{attrs:{href:"#position-modes"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("callbacks")])]),t._v(" "),s("td",[s("code",[t._v("object")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("See the "),s("a",{attrs:{href:"#tooltip-callbacks"}},[t._v("callbacks section")]),t._v(".")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("itemSort")])]),t._v(" "),s("td",[s("code",[t._v("function")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Sort tooltip items. "),s("a",{attrs:{href:"#sort-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("filter")])]),t._v(" "),s("td",[s("code",[t._v("function")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Filter tooltip items. "),s("a",{attrs:{href:"#filter-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("backgroundColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'rgba(0, 0, 0, 0.8)'")])]),t._v(" "),s("td",[t._v("Background color of the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color of title text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleFont")])]),t._v(" "),s("td",[s("code",[t._v("Font")])]),t._v(" "),s("td",[s("code",[t._v("{weight: 'bold'}")])]),t._v(" "),s("td",[t._v("See "),s("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'left'")])]),t._v(" "),s("td",[t._v("Horizontal alignment of the title text lines. "),s("a",{attrs:{href:"#text-alignment"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleSpacing")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Spacing to add to top and bottom of each title line.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleMarginBottom")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Margin to add on bottom of title section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodyColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color of body text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodyFont")])]),t._v(" "),s("td",[s("code",[t._v("Font")])]),t._v(" "),s("td",[s("code",[t._v("{}")])]),t._v(" "),s("td",[t._v("See "),s("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodyAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'left'")])]),t._v(" "),s("td",[t._v("Horizontal alignment of the body text lines. "),s("a",{attrs:{href:"#text-alignment"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodySpacing")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Spacing to add to top and bottom of each tooltip item.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color of footer text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerFont")])]),t._v(" "),s("td",[s("code",[t._v("Font")])]),t._v(" "),s("td",[s("code",[t._v("{weight: 'bold'}")])]),t._v(" "),s("td",[t._v("See "),s("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'left'")])]),t._v(" "),s("td",[t._v("Horizontal alignment of the footer text lines. "),s("a",{attrs:{href:"#text-alignment"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerSpacing")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Spacing to add to top and bottom of each footer line.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerMarginTop")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Margin to add before drawing the footer.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("padding")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/padding.html"}},[s("code",[t._v("Padding")])])],1),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Padding inside the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("caretPadding")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Extra distance to move the end of the tooltip arrow away from the tooltip point.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("caretSize")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("5")])]),t._v(" "),s("td",[t._v("Size, in px, of the tooltip arrow.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("cornerRadius")])]),t._v(" "),s("td",[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("object")])]),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Radius of tooltip corner curves.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("multiKeyBackground")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color to draw behind the colored boxes when multiple items are in the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("displayColors")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("true")])]),t._v(" "),s("td",[t._v("If true, color boxes are shown in the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("boxWidth")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("bodyFont.size")])]),t._v(" "),s("td",[t._v("Width of the color box if displayColors is true.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("boxHeight")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("bodyFont.size")])]),t._v(" "),s("td",[t._v("Height of the color box if displayColors is true.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("boxPadding")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("1")])]),t._v(" "),s("td",[t._v("Padding between the color box and the text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("usePointStyle")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("false")])]),t._v(" "),s("td",[t._v("Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight).")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("borderColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'rgba(0, 0, 0, 0)'")])]),t._v(" "),s("td",[t._v("Color of the border.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("borderWidth")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("0")])]),t._v(" "),s("td",[t._v("Size of the border.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("rtl")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td"),t._v(" "),s("td",[s("code",[t._v("true")]),t._v(" for rendering the tooltip from right to left.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("textDirection")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[t._v("canvas' default")]),t._v(" "),s("td",[t._v("This will force the text direction "),s("code",[t._v("'rtl'")]),t._v(" or "),s("code",[t._v("'ltr'")]),t._v(" on the canvas for rendering the tooltips, regardless of the css specified on the canvas")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("xAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("Position of the tooltip caret in the X direction. "),s("a",{attrs:{href:"#tooltip-alignment"}},[t._v("more")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("yAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("Position of the tooltip caret in the Y direction. "),s("a",{attrs:{href:"#tooltip-alignment"}},[t._v("more")])])])])]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),s("p",[t._v("If you need more visual customizations, please use an "),s("RouterLink",{attrs:{to:"/samples/tooltip/html.html"}},[t._v("HTML tooltip")]),t._v(".")],1)]),t._v(" "),s("h3",{attrs:{id:"position-modes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#position-modes"}},[t._v("#")]),t._v(" Position Modes")]),t._v(" "),s("p",[t._v("Possible modes are:")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'average'")])]),t._v(" "),s("li",[s("code",[t._v("'nearest'")])])]),t._v(" "),s("p",[s("code",[t._v("'average'")]),t._v(" mode will place the tooltip at the average position of the items displayed in the tooltip. "),s("code",[t._v("'nearest'")]),t._v(" will place the tooltip at the position of the element closest to the event position.")]),t._v(" "),s("p",[t._v("You can also define "),s("a",{attrs:{href:"#custom-position-modes"}},[t._v("custom position modes")]),t._v(".")]),t._v(" "),s("h3",{attrs:{id:"tooltip-alignment"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-alignment"}},[t._v("#")]),t._v(" Tooltip Alignment")]),t._v(" "),s("p",[t._v("The "),s("code",[t._v("xAlign")]),t._v(" and "),s("code",[t._v("yAlign")]),t._v(" options define the position of the tooltip caret. If these parameters are unset, the optimal caret position is determined.")]),t._v(" "),s("p",[t._v("The following values for the "),s("code",[t._v("xAlign")]),t._v(" setting are supported.")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'left'")])]),t._v(" "),s("li",[s("code",[t._v("'center'")])]),t._v(" "),s("li",[s("code",[t._v("'right'")])])]),t._v(" "),s("p",[t._v("The following values for the "),s("code",[t._v("yAlign")]),t._v(" setting are supported.")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'top'")])]),t._v(" "),s("li",[s("code",[t._v("'center'")])]),t._v(" "),s("li",[s("code",[t._v("'bottom'")])])]),t._v(" "),s("h3",{attrs:{id:"text-alignment"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#text-alignment"}},[t._v("#")]),t._v(" Text Alignment")]),t._v(" "),s("p",[t._v("The "),s("code",[t._v("titleAlign")]),t._v(", "),s("code",[t._v("bodyAlign")]),t._v(" and "),s("code",[t._v("footerAlign")]),t._v(" options define the horizontal position of the text lines with respect to the tooltip box. The following values are supported.")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'left'")]),t._v(" (default)")]),t._v(" "),s("li",[s("code",[t._v("'right'")])]),t._v(" "),s("li",[s("code",[t._v("'center'")])])]),t._v(" "),s("p",[t._v("These options are only applied to text lines. Color boxes are always aligned to the left edge.")]),t._v(" "),s("h3",{attrs:{id:"sort-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#sort-callback"}},[t._v("#")]),t._v(" Sort Callback")]),t._v(" "),s("p",[t._v("Allows sorting of "),s("a",{attrs:{href:"#tooltip-item-context"}},[t._v("tooltip items")]),t._v(". Must implement at minimum a function that can be passed to "),s("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort",target:"_blank",rel:"noopener noreferrer"}},[t._v("Array.prototype.sort"),s("OutboundLink")],1),t._v(". This function can also accept a third parameter that is the data object passed to the chart.")]),t._v(" "),s("h3",{attrs:{id:"filter-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#filter-callback"}},[t._v("#")]),t._v(" Filter Callback")]),t._v(" "),s("p",[t._v("Allows filtering of "),s("a",{attrs:{href:"#tooltip-item-context"}},[t._v("tooltip items")]),t._v(". Must implement at minimum a function that can be passed to "),s("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/filter",target:"_blank",rel:"noopener noreferrer"}},[t._v("Array.prototype.filter"),s("OutboundLink")],1),t._v(". This function can also accept a fourth parameter that is the data object passed to the chart.")]),t._v(" "),s("h2",{attrs:{id:"tooltip-callbacks"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-callbacks"}},[t._v("#")]),t._v(" Tooltip Callbacks")]),t._v(" "),s("p",[t._v("Namespace: "),s("code",[t._v("options.plugins.tooltip.callbacks")]),t._v(", the tooltip has the following callbacks for providing text. For all functions, "),s("code",[t._v("this")]),t._v(" will be the tooltip object created from the "),s("code",[t._v("Tooltip")]),t._v(" constructor. If the callback returns "),s("code",[t._v("undefined")]),t._v(", then the default callback will be used. To remove things from the tooltip callback should return an empty string.")]),t._v(" "),s("p",[t._v("Namespace: "),s("code",[t._v("data.datasets[].tooltip.callbacks")]),t._v(", items marked with "),s("code",[t._v("Yes")]),t._v(" in the column "),s("code",[t._v("Dataset override")]),t._v(" can be overridden per dataset.")]),t._v(" "),s("p",[t._v("A "),s("a",{attrs:{href:"#tooltip-item-context"}},[t._v("tooltip item context")]),t._v(" is generated for each item that appears in the tooltip. This is the primary model that the callback methods interact with. For functions that return text, arrays of strings are treated as multiple lines of text.")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Name")]),t._v(" "),s("th",[t._v("Arguments")]),t._v(" "),s("th",[t._v("Return Type")]),t._v(" "),s("th",[t._v("Dataset override")]),t._v(" "),s("th",[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[s("code",[t._v("beforeTitle")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns the text to render before the title.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("title")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render as the title of the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterTitle")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render after the title.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("beforeBody")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render before the body section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("beforeLabel")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns text to render before an individual label. This will be called for each item in the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("label")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns text to render for an individual item in the tooltip. "),s("a",{attrs:{href:"#label-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("labelColor")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("object | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns the colors to render for the tooltip item. "),s("a",{attrs:{href:"#label-color-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("labelTextColor")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("Color | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns the colors for the text of the label for the tooltip item.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("labelPointStyle")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("object | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns the point style to use instead of color boxes if usePointStyle is true (object with values "),s("code",[t._v("pointStyle")]),t._v(" and "),s("code",[t._v("rotation")]),t._v("). Default implementation uses the point style from the dataset points. "),s("a",{attrs:{href:"#label-point-style-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterLabel")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns text to render after an individual label.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterBody")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render after the body section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("beforeFooter")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render before the footer section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footer")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render as the footer of the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterFooter")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Text to render after the footer section.")])])])]),t._v(" "),s("h3",{attrs:{id:"label-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#label-callback"}},[t._v("#")]),t._v(" Label Callback")]),t._v(" "),s("p",[t._v("The "),s("code",[t._v("label")]),t._v(" callback can change the text that displays for a given data point. A common example to show a unit. The example below puts a "),s("code",[t._v("'$'")]),t._v(" before every row.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("callbacks")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("label")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataset"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("label"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("': '")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parsed"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'en-US'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("style")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'currency'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("currency")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'USD'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parsed"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h3",{attrs:{id:"label-color-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#label-color-callback"}},[t._v("#")]),t._v(" Label Color Callback")]),t._v(" "),s("p",[t._v("For example, to return a red box with a blue dashed border that has a border radius for each item in the tooltip you could do:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("callbacks")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("labelColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(0, 0, 255)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backgroundColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 0, 0)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderWidth")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderDash")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderRadius")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("labelTextColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#543453'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h3",{attrs:{id:"label-point-style-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#label-point-style-callback"}},[t._v("#")]),t._v(" Label Point Style Callback")]),t._v(" "),s("p",[t._v("For example, to draw triangles instead of the regular color box for each item in the tooltip, you could do:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("usePointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("callbacks")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("labelPointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'triangle'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("rotation")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h3",{attrs:{id:"tooltip-item-context"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-item-context"}},[t._v("#")]),t._v(" Tooltip Item Context")]),t._v(" "),s("p",[t._v("The tooltip items passed to the tooltip callbacks implement the following interface.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The chart the tooltip is being shown on")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("chart")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Chart\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Label for the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parsed data values for the given `dataIndex` and `datasetIndex`")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("parsed")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Raw data values for the given `dataIndex` and `datasetIndex`")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("raw")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Formatted value for the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("formattedValue")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The dataset the item comes from")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataset")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Index of the dataset the item comes from")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasetIndex")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Index of this data item in the dataset")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataIndex")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The chart element (point, arc, bar, etc.) for this tooltip item")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("element")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Element"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("h2",{attrs:{id:"external-custom-tooltips"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#external-custom-tooltips"}},[t._v("#")]),t._v(" External (Custom) Tooltips")]),t._v(" "),s("p",[t._v("External tooltips allow you to hook into the tooltip rendering process so that you can render the tooltip in your own custom way. Generally this is used to create an HTML tooltip instead of an on-canvas tooltip. The "),s("code",[t._v("external")]),t._v(" option takes a function which is passed a context parameter containing the "),s("code",[t._v("chart")]),t._v(" and "),s("code",[t._v("tooltip")]),t._v(". You can enable external tooltips in the global or chart configuration like so:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myPieChart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'pie'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Disable the on-canvas tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("enabled")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("external")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Tooltip Element")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" tooltipEl "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getElementById")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-tooltip'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Create element on first render")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("createElement")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'div'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-tooltip'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("innerHTML "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'
'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("appendChild")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Hide if no tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" tooltipModel "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("tooltip"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Set caret Position")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("classList"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("remove")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'above'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'below'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'no-transform'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("yAlign"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("classList"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("yAlign"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("classList"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'no-transform'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBody")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("bodyItem")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" bodyItem"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lines"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Set Text")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" titleLines "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("title "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" bodyLines "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("getBody"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n titleLines"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("title")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" title "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n bodyLines"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" i")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" colors "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labelColors"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" style "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'background:'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" colors"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("backgroundColor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n style "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'; border-color:'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" colors"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("borderColor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n style "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'; border-width: 2px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" span "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" body "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" span "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" tableRoot "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'table'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tableRoot"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("innerHTML "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" innerHtml"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" position "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBoundingClientRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" bodyFont "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("helpers"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toFont")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("bodyFont"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Display, position, and set styles for font")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("position "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'absolute'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("left "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" position"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("left "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pageXOffset "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("caretX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("top "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" position"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("top "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pageYOffset "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("caretY "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("font "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" bodyFont"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("padding "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("padding "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px '")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("padding "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pointerEvents "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'none'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("See "),s("RouterLink",{attrs:{to:"/samples/tooltip/html.html"}},[t._v("samples")]),t._v(" for examples on how to get started with external tooltips.")],1),t._v(" "),s("h2",{attrs:{id:"tooltip-model"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-model"}},[t._v("#")]),t._v(" Tooltip Model")]),t._v(" "),s("p",[t._v("The tooltip model contains parameters that can be used to render the tooltip.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("chart")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The items that we are rendering in the tooltip. See Tooltip Item Interface section")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataPoints")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" TooltipItem"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Positioning")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xAlign")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAlign")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// X and Y properties are the top left of the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("height")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Where the tooltip points to")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("caretX")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("caretY")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Body")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The body lines that need to be rendered")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Each object contains 3 parameters")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// before: string[] // lines of text before the line with the color square")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines: string[], // lines of text to render as the main item with color square")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// after: string[], // lines of text to render after the main lines")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("body")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines of text that appear after the title but before the body")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("beforeBody")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// line of text that appear after the body and before the footer")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("afterBody")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Title")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines of text that form the title")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Footer")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines of text that form the footer")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("footer")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// style to render for each item in body[]. This is the style of the squares in the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelColors")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" TooltipLabelStyle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelTextColors")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Color"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelPointStyles")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" PointStyle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" rotation"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 0 opacity is a hidden tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("opacity")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// tooltip options")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Object\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("h2",{attrs:{id:"custom-position-modes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#custom-position-modes"}},[t._v("#")]),t._v(" Custom Position Modes")]),t._v(" "),s("p",[t._v("New modes can be defined by adding functions to the "),s("code",[t._v("Chart.Tooltip.positioners")]),t._v(" map.")]),t._v(" "),s("p",[t._v("Example:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Tooltip "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * Custom positioner\n * @function Tooltip.positioners.myCustomPositioner\n * @param elements {Chart.Element[]} the tooltip elements\n * @param eventPosition {Point} the position of the event in canvas coordinates\n * @returns {TooltipPosition} the tooltip position\n */")]),t._v("\nTooltip"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("positioners"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("myCustomPositioner")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("elements"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" eventPosition")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// A reference to the tooltip model")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" tooltip "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ... */")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You may also include xAlign and yAlign to override those tooltip options.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Then, to use it...")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("js")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'myCustomPositioner'")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n")])])]),s("p",[t._v("See "),s("RouterLink",{attrs:{to:"/samples/tooltip/position.html"}},[t._v("samples")]),t._v(" for a more detailed example.")],1),t._v(" "),s("p",[t._v("If you're using TypeScript, you'll also need to register the new mode:")]),t._v(" "),s("div",{staticClass:"language-typescript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-typescript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("declare")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("module")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("interface")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("TooltipPositionerMap")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n myCustomPositioner"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" TooltipPositionerFunction"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("ChartType"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/169.2fd9434c.js b/docs/master/assets/js/169.2fd9434c.js new file mode 100644 index 0000000000..3876578423 --- /dev/null +++ b/docs/master/assets/js/169.2fd9434c.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[169],{501:function(t,s,a){"use strict";a.r(s);var e=a(3),n=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"tooltip"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" Tooltip")]),t._v(" "),s("h2",{attrs:{id:"tooltip-configuration"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-configuration"}},[t._v("#")]),t._v(" Tooltip Configuration")]),t._v(" "),s("p",[t._v("Namespace: "),s("code",[t._v("options.plugins.tooltip")]),t._v(", the global options for the chart tooltips is defined in "),s("code",[t._v("Chart.defaults.plugins.tooltip")]),t._v(".")]),t._v(" "),s("div",{staticClass:"custom-block warning"},[s("p",{staticClass:"custom-block-title"},[t._v("WARNING")]),t._v(" "),s("p",[t._v("The "),s("code",[t._v("titleFont")]),t._v(", "),s("code",[t._v("bodyFont")]),t._v(" and "),s("code",[t._v("footerFont")]),t._v(" options default to the "),s("code",[t._v("Chart.defaults.font")]),t._v(" options. To change the overrides for those options, you will need to pass a function that returns a font object. See section about "),s("a",{attrs:{href:"#default-font-overrides"}},[t._v("overriding default fonts")]),t._v(" for extra information below.")])]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Name")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")]),t._v(" "),s("th",[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[s("code",[t._v("enabled")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("true")])]),t._v(" "),s("td",[t._v("Are on-canvas tooltips enabled?")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("external")])]),t._v(" "),s("td",[s("code",[t._v("function")])]),t._v(" "),s("td",[s("code",[t._v("null")])]),t._v(" "),s("td",[t._v("See "),s("a",{attrs:{href:"#external-custom-tooltips"}},[t._v("external tooltip")]),t._v(" section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("mode")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("interaction.mode")])]),t._v(" "),s("td",[t._v("Sets which elements appear in the tooltip. "),s("RouterLink",{attrs:{to:"/configuration/interactions.html#modes"}},[t._v("more...")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("intersect")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("interaction.intersect")])]),t._v(" "),s("td",[t._v("If true, the tooltip mode applies only when the mouse position intersects with an element. If false, the mode will be applied at all times.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("position")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'average'")])]),t._v(" "),s("td",[t._v("The mode for positioning the tooltip. "),s("a",{attrs:{href:"#position-modes"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("callbacks")])]),t._v(" "),s("td",[s("code",[t._v("object")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("See the "),s("a",{attrs:{href:"#tooltip-callbacks"}},[t._v("callbacks section")]),t._v(".")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("itemSort")])]),t._v(" "),s("td",[s("code",[t._v("function")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Sort tooltip items. "),s("a",{attrs:{href:"#sort-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("filter")])]),t._v(" "),s("td",[s("code",[t._v("function")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Filter tooltip items. "),s("a",{attrs:{href:"#filter-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("backgroundColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'rgba(0, 0, 0, 0.8)'")])]),t._v(" "),s("td",[t._v("Background color of the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color of title text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleFont")])]),t._v(" "),s("td",[s("code",[t._v("Font")])]),t._v(" "),s("td",[s("code",[t._v("{weight: 'bold'}")])]),t._v(" "),s("td",[t._v("See "),s("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'left'")])]),t._v(" "),s("td",[t._v("Horizontal alignment of the title text lines. "),s("a",{attrs:{href:"#text-alignment"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleSpacing")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Spacing to add to top and bottom of each title line.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("titleMarginBottom")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Margin to add on bottom of title section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodyColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color of body text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodyFont")])]),t._v(" "),s("td",[s("code",[t._v("Font")])]),t._v(" "),s("td",[s("code",[t._v("{}")])]),t._v(" "),s("td",[t._v("See "),s("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodyAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'left'")])]),t._v(" "),s("td",[t._v("Horizontal alignment of the body text lines. "),s("a",{attrs:{href:"#text-alignment"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("bodySpacing")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Spacing to add to top and bottom of each tooltip item.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color of footer text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerFont")])]),t._v(" "),s("td",[s("code",[t._v("Font")])]),t._v(" "),s("td",[s("code",[t._v("{weight: 'bold'}")])]),t._v(" "),s("td",[t._v("See "),s("RouterLink",{attrs:{to:"/general/fonts.html"}},[t._v("Fonts")]),t._v(".")],1)]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("'left'")])]),t._v(" "),s("td",[t._v("Horizontal alignment of the footer text lines. "),s("a",{attrs:{href:"#text-alignment"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerSpacing")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Spacing to add to top and bottom of each footer line.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footerMarginTop")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Margin to add before drawing the footer.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("padding")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/padding.html"}},[s("code",[t._v("Padding")])])],1),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Padding inside the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("caretPadding")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("2")])]),t._v(" "),s("td",[t._v("Extra distance to move the end of the tooltip arrow away from the tooltip point.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("caretSize")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("5")])]),t._v(" "),s("td",[t._v("Size, in px, of the tooltip arrow.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("cornerRadius")])]),t._v(" "),s("td",[s("code",[t._v("number")]),t._v("|"),s("code",[t._v("object")])]),t._v(" "),s("td",[s("code",[t._v("6")])]),t._v(" "),s("td",[t._v("Radius of tooltip corner curves.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("multiKeyBackground")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'#fff'")])]),t._v(" "),s("td",[t._v("Color to draw behind the colored boxes when multiple items are in the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("displayColors")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("true")])]),t._v(" "),s("td",[t._v("If true, color boxes are shown in the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("boxWidth")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("bodyFont.size")])]),t._v(" "),s("td",[t._v("Width of the color box if displayColors is true.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("boxHeight")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("bodyFont.size")])]),t._v(" "),s("td",[t._v("Height of the color box if displayColors is true.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("boxPadding")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("1")])]),t._v(" "),s("td",[t._v("Padding between the color box and the text.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("usePointStyle")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td",[s("code",[t._v("false")])]),t._v(" "),s("td",[t._v("Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight).")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("borderColor")])]),t._v(" "),s("td",[s("RouterLink",{attrs:{to:"/general/colors.html"}},[s("code",[t._v("Color")])])],1),t._v(" "),s("td",[s("code",[t._v("'rgba(0, 0, 0, 0)'")])]),t._v(" "),s("td",[t._v("Color of the border.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("borderWidth")])]),t._v(" "),s("td",[s("code",[t._v("number")])]),t._v(" "),s("td",[s("code",[t._v("0")])]),t._v(" "),s("td",[t._v("Size of the border.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("rtl")])]),t._v(" "),s("td",[s("code",[t._v("boolean")])]),t._v(" "),s("td"),t._v(" "),s("td",[s("code",[t._v("true")]),t._v(" for rendering the tooltip from right to left.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("textDirection")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[t._v("canvas' default")]),t._v(" "),s("td",[t._v("This will force the text direction "),s("code",[t._v("'rtl'")]),t._v(" or "),s("code",[t._v("'ltr'")]),t._v(" on the canvas for rendering the tooltips, regardless of the css specified on the canvas")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("xAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("Position of the tooltip caret in the X direction. "),s("a",{attrs:{href:"#tooltip-alignment"}},[t._v("more")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("yAlign")])]),t._v(" "),s("td",[s("code",[t._v("string")])]),t._v(" "),s("td",[s("code",[t._v("undefined")])]),t._v(" "),s("td",[t._v("Position of the tooltip caret in the Y direction. "),s("a",{attrs:{href:"#tooltip-alignment"}},[t._v("more")])])])])]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),s("p",[t._v("If you need more visual customizations, please use an "),s("RouterLink",{attrs:{to:"/samples/tooltip/html.html"}},[t._v("HTML tooltip")]),t._v(".")],1)]),t._v(" "),s("h3",{attrs:{id:"position-modes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#position-modes"}},[t._v("#")]),t._v(" Position Modes")]),t._v(" "),s("p",[t._v("Possible modes are:")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'average'")])]),t._v(" "),s("li",[s("code",[t._v("'nearest'")])])]),t._v(" "),s("p",[s("code",[t._v("'average'")]),t._v(" mode will place the tooltip at the average position of the items displayed in the tooltip. "),s("code",[t._v("'nearest'")]),t._v(" will place the tooltip at the position of the element closest to the event position.")]),t._v(" "),s("p",[t._v("You can also define "),s("a",{attrs:{href:"#custom-position-modes"}},[t._v("custom position modes")]),t._v(".")]),t._v(" "),s("h3",{attrs:{id:"tooltip-alignment"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-alignment"}},[t._v("#")]),t._v(" Tooltip Alignment")]),t._v(" "),s("p",[t._v("The "),s("code",[t._v("xAlign")]),t._v(" and "),s("code",[t._v("yAlign")]),t._v(" options define the position of the tooltip caret. If these parameters are unset, the optimal caret position is determined.")]),t._v(" "),s("p",[t._v("The following values for the "),s("code",[t._v("xAlign")]),t._v(" setting are supported.")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'left'")])]),t._v(" "),s("li",[s("code",[t._v("'center'")])]),t._v(" "),s("li",[s("code",[t._v("'right'")])])]),t._v(" "),s("p",[t._v("The following values for the "),s("code",[t._v("yAlign")]),t._v(" setting are supported.")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'top'")])]),t._v(" "),s("li",[s("code",[t._v("'center'")])]),t._v(" "),s("li",[s("code",[t._v("'bottom'")])])]),t._v(" "),s("h3",{attrs:{id:"text-alignment"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#text-alignment"}},[t._v("#")]),t._v(" Text Alignment")]),t._v(" "),s("p",[t._v("The "),s("code",[t._v("titleAlign")]),t._v(", "),s("code",[t._v("bodyAlign")]),t._v(" and "),s("code",[t._v("footerAlign")]),t._v(" options define the horizontal position of the text lines with respect to the tooltip box. The following values are supported.")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("'left'")]),t._v(" (default)")]),t._v(" "),s("li",[s("code",[t._v("'right'")])]),t._v(" "),s("li",[s("code",[t._v("'center'")])])]),t._v(" "),s("p",[t._v("These options are only applied to text lines. Color boxes are always aligned to the left edge.")]),t._v(" "),s("h3",{attrs:{id:"sort-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#sort-callback"}},[t._v("#")]),t._v(" Sort Callback")]),t._v(" "),s("p",[t._v("Allows sorting of "),s("a",{attrs:{href:"#tooltip-item-context"}},[t._v("tooltip items")]),t._v(". Must implement at minimum a function that can be passed to "),s("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort",target:"_blank",rel:"noopener noreferrer"}},[t._v("Array.prototype.sort"),s("OutboundLink")],1),t._v(". This function can also accept a third parameter that is the data object passed to the chart.")]),t._v(" "),s("h3",{attrs:{id:"filter-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#filter-callback"}},[t._v("#")]),t._v(" Filter Callback")]),t._v(" "),s("p",[t._v("Allows filtering of "),s("a",{attrs:{href:"#tooltip-item-context"}},[t._v("tooltip items")]),t._v(". Must implement at minimum a function that can be passed to "),s("a",{attrs:{href:"https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/filter",target:"_blank",rel:"noopener noreferrer"}},[t._v("Array.prototype.filter"),s("OutboundLink")],1),t._v(". This function can also accept a fourth parameter that is the data object passed to the chart.")]),t._v(" "),s("h2",{attrs:{id:"tooltip-callbacks"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-callbacks"}},[t._v("#")]),t._v(" Tooltip Callbacks")]),t._v(" "),s("p",[t._v("Namespace: "),s("code",[t._v("options.plugins.tooltip.callbacks")]),t._v(", the tooltip has the following callbacks for providing text. For all functions, "),s("code",[t._v("this")]),t._v(" will be the tooltip object created from the "),s("code",[t._v("Tooltip")]),t._v(" constructor. If the callback returns "),s("code",[t._v("undefined")]),t._v(", then the default callback will be used. To remove things from the tooltip callback should return an empty string.")]),t._v(" "),s("p",[t._v("Namespace: "),s("code",[t._v("data.datasets[].tooltip.callbacks")]),t._v(", items marked with "),s("code",[t._v("Yes")]),t._v(" in the column "),s("code",[t._v("Dataset override")]),t._v(" can be overridden per dataset.")]),t._v(" "),s("p",[t._v("A "),s("a",{attrs:{href:"#tooltip-item-context"}},[t._v("tooltip item context")]),t._v(" is generated for each item that appears in the tooltip. This is the primary model that the callback methods interact with. For functions that return text, arrays of strings are treated as multiple lines of text.")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Name")]),t._v(" "),s("th",[t._v("Arguments")]),t._v(" "),s("th",[t._v("Return Type")]),t._v(" "),s("th",[t._v("Dataset override")]),t._v(" "),s("th",[t._v("Description")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[s("code",[t._v("beforeTitle")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns the text to render before the title.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("title")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render as the title of the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterTitle")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render after the title.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("beforeBody")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render before the body section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("beforeLabel")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns text to render before an individual label. This will be called for each item in the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("label")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns text to render for an individual item in the tooltip. "),s("a",{attrs:{href:"#label-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("labelColor")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("object | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns the colors to render for the tooltip item. "),s("a",{attrs:{href:"#label-color-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("labelTextColor")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("Color | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns the colors for the text of the label for the tooltip item.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("labelPointStyle")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("object | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns the point style to use instead of color boxes if usePointStyle is true (object with values "),s("code",[t._v("pointStyle")]),t._v(" and "),s("code",[t._v("rotation")]),t._v("). Default implementation uses the point style from the dataset points. "),s("a",{attrs:{href:"#label-point-style-callback"}},[t._v("more...")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterLabel")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td",[t._v("Yes")]),t._v(" "),s("td",[t._v("Returns text to render after an individual label.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterBody")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render after the body section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("beforeFooter")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render before the footer section.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("footer")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Returns text to render as the footer of the tooltip.")])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("afterFooter")])]),t._v(" "),s("td",[s("code",[t._v("TooltipItem[]")])]),t._v(" "),s("td",[s("code",[t._v("string | string[] | undefined")])]),t._v(" "),s("td"),t._v(" "),s("td",[t._v("Text to render after the footer section.")])])])]),t._v(" "),s("h3",{attrs:{id:"label-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#label-callback"}},[t._v("#")]),t._v(" Label Callback")]),t._v(" "),s("p",[t._v("The "),s("code",[t._v("label")]),t._v(" callback can change the text that displays for a given data point. A common example to show a unit. The example below puts a "),s("code",[t._v("'$'")]),t._v(" before every row.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("callbacks")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("label")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataset"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("label"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("': '")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parsed"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!==")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n label "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Intl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("NumberFormat")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'en-US'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("style")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'currency'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("currency")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'USD'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("format")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("parsed"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" label"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h3",{attrs:{id:"label-color-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#label-color-callback"}},[t._v("#")]),t._v(" Label Color Callback")]),t._v(" "),s("p",[t._v("For example, to return a red box with a blue dashed border that has a border radius for each item in the tooltip you could do:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("callbacks")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("labelColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(0, 0, 255)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backgroundColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 0, 0)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderWidth")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderDash")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("borderRadius")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("labelTextColor")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#543453'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h3",{attrs:{id:"label-point-style-callback"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#label-point-style-callback"}},[t._v("#")]),t._v(" Label Point Style Callback")]),t._v(" "),s("p",[t._v("For example, to draw triangles instead of the regular color box for each item in the tooltip, you could do:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("usePointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("callbacks")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("labelPointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'triangle'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("rotation")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h3",{attrs:{id:"tooltip-item-context"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-item-context"}},[t._v("#")]),t._v(" Tooltip Item Context")]),t._v(" "),s("p",[t._v("The tooltip items passed to the tooltip callbacks implement the following interface.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The chart the tooltip is being shown on")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("chart")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Chart\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Label for the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("label")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parsed data values for the given `dataIndex` and `datasetIndex`")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("parsed")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Raw data values for the given `dataIndex` and `datasetIndex`")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("raw")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Formatted value for the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("formattedValue")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The dataset the item comes from")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataset")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Index of the dataset the item comes from")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasetIndex")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Index of this data item in the dataset")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataIndex")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The chart element (point, arc, bar, etc.) for this tooltip item")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("element")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Element"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("h2",{attrs:{id:"external-custom-tooltips"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#external-custom-tooltips"}},[t._v("#")]),t._v(" External (Custom) Tooltips")]),t._v(" "),s("p",[t._v("External tooltips allow you to hook into the tooltip rendering process so that you can render the tooltip in your own custom way. Generally this is used to create an HTML tooltip instead of an on-canvas tooltip. The "),s("code",[t._v("external")]),t._v(" option takes a function which is passed a context parameter containing the "),s("code",[t._v("chart")]),t._v(" and "),s("code",[t._v("tooltip")]),t._v(". You can enable external tooltips in the global or chart configuration like so:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myPieChart "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'pie'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Disable the on-canvas tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("enabled")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("external")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Tooltip Element")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" tooltipEl "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getElementById")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-tooltip'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Create element on first render")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" document"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("createElement")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'div'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-tooltip'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("innerHTML "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'
'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n document"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("appendChild")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Hide if no tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" tooltipModel "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("tooltip"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Set caret Position")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("classList"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("remove")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'above'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'below'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'no-transform'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("yAlign"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("classList"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("yAlign"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("classList"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'no-transform'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBody")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("bodyItem")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" bodyItem"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lines"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Set Text")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" titleLines "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("title "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" bodyLines "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("getBody"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n titleLines"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("title")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" title "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n bodyLines"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("body"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" i")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" colors "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labelColors"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" style "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'background:'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" colors"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("backgroundColor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n style "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'; border-color:'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" colors"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("borderColor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n style "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'; border-width: 2px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" span "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" body "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" span "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n innerHtml "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" tableRoot "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("querySelector")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'table'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tableRoot"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("innerHTML "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" innerHtml"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" position "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("canvas"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getBoundingClientRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" bodyFont "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("helpers"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toFont")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("bodyFont"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Display, position, and set styles for font")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("position "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'absolute'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("left "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" position"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("left "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pageXOffset "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("caretX "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("top "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" position"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("top "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pageYOffset "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("caretY "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("font "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" bodyFont"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("padding "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("padding "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px '")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" tooltipModel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("padding "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'px'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n tooltipEl"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("style"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("pointerEvents "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'none'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[t._v("See "),s("RouterLink",{attrs:{to:"/samples/tooltip/html.html"}},[t._v("samples")]),t._v(" for examples on how to get started with external tooltips.")],1),t._v(" "),s("h2",{attrs:{id:"tooltip-model"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tooltip-model"}},[t._v("#")]),t._v(" Tooltip Model")]),t._v(" "),s("p",[t._v("The tooltip model contains parameters that can be used to render the tooltip.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("chart")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The items that we are rendering in the tooltip. See Tooltip Item Interface section")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataPoints")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" TooltipItem"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Positioning")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("xAlign")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yAlign")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// X and Y properties are the top left of the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("height")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Where the tooltip points to")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("caretX")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("caretY")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Body")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The body lines that need to be rendered")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Each object contains 3 parameters")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// before: string[] // lines of text before the line with the color square")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines: string[], // lines of text to render as the main item with color square")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// after: string[], // lines of text to render after the main lines")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("body")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines of text that appear after the title but before the body")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("beforeBody")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// line of text that appear after the body and before the footer")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("afterBody")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Title")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines of text that form the title")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Footer")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// lines of text that form the footer")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("footer")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// style to render for each item in body[]. This is the style of the squares in the tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelColors")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" TooltipLabelStyle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelTextColors")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Color"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("labelPointStyles")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" PointStyle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" rotation"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 0 opacity is a hidden tooltip")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("opacity")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// tooltip options")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Object\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("h2",{attrs:{id:"custom-position-modes"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#custom-position-modes"}},[t._v("#")]),t._v(" Custom Position Modes")]),t._v(" "),s("p",[t._v("New modes can be defined by adding functions to the "),s("code",[t._v("Chart.Tooltip.positioners")]),t._v(" map.")]),t._v(" "),s("p",[t._v("Example:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Tooltip "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * Custom positioner\n * @function Tooltip.positioners.myCustomPositioner\n * @param elements {Chart.Element[]} the tooltip elements\n * @param eventPosition {Point} the position of the event in canvas coordinates\n * @returns {TooltipPosition} the tooltip position\n */")]),t._v("\nTooltip"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("positioners"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("myCustomPositioner")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("elements"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" eventPosition")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// A reference to the tooltip model")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" tooltip "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* ... */")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You may also include xAlign and yAlign to override those tooltip options.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Then, to use it...")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("tooltip")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("position")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'myCustomPositioner'")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n")])])]),s("p",[t._v("See "),s("RouterLink",{attrs:{to:"/samples/tooltip/position.html"}},[t._v("samples")]),t._v(" for a more detailed example.")],1),t._v(" "),s("p",[t._v("If you're using TypeScript, you'll also need to register the new mode:")]),t._v(" "),s("div",{staticClass:"language-typescript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-typescript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("declare")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("module")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("interface")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("TooltipPositionerMap")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n myCustomPositioner"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" TooltipPositionerFunction"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("ChartType"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("h2",{attrs:{id:"default-font-overrides"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#default-font-overrides"}},[t._v("#")]),t._v(" Default font overrides")]),t._v(" "),s("p",[t._v("By default, the "),s("code",[t._v("titleFont")]),t._v(", "),s("code",[t._v("bodyFont")]),t._v(" and "),s("code",[t._v("footerFont")]),t._v(" listen to the "),s("code",[t._v("Chart.defaults.font")]),t._v(" options for setting its values.\nOverriding these normally by accessing the object won't work because it is backed by a get function that looks to the default "),s("code",[t._v("font")]),t._v(" namespace.\nSo you will need to override this get function with your own function that returns the desired config.")]),t._v(" "),s("p",[t._v("Example:")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[t._v("Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("plugins"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("tooltip"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("titleFont")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("size")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("lineHeight")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1.2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("weight")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("800")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/17.92ac8092.js b/docs/master/assets/js/17.38aad860.js similarity index 96% rename from docs/master/assets/js/17.92ac8092.js rename to docs/master/assets/js/17.38aad860.js index df145859d7..5e8effa6b8 100644 --- a/docs/master/assets/js/17.92ac8092.js +++ b/docs/master/assets/js/17.38aad860.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{349:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-baseplatform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-baseplatform"}},[t._v("#")]),t._v(" Class: BasePlatform")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("BasePlatform")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/classes/BasicPlatform.html"}},[e("code",[t._v("BasicPlatform")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/classes/DomPlatform.html"}},[e("code",[t._v("DomPlatform")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new BasePlatform")]),t._v("()")]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"acquirecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#acquirecontext"}},[t._v("#")]),t._v(" acquireContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("acquireContext")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("p",[t._v("Called at chart construction time, returns a context2d instance implementing\nthe [W3C Canvas 2D Context API standard]"),e("a",{attrs:{href:"https://www.w3.org/TR/2dcontext/",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.w3.org/TR/2dcontext/"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas from which to acquire context (platform specific)")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2DSettings")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart options")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addeventlistener"}},[t._v("#")]),t._v(" addEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Registers the specified listener on the given chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to listen for event")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to listen for")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Receives a notification (an object that implements the "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(" interface) when an event of the specified type occurs.")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2175",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2175"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdevicepixelratio"}},[t._v("#")]),t._v(" getDevicePixelRatio")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDevicePixelRatio")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("the current devicePixelRatio of the device this platform is connected to.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2186",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2186"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaximumsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaximumsize"}},[t._v("#")]),t._v(" getMaximumSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMaximumSize")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v(", "),e("code",[t._v("aspectRatio?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas for which to calculate the maximum size")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content width")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content height")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("aspectRatio?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The aspect ratio to maintain")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("p",[t._v("the maximum size available.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2194",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2194"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isattached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isattached"}},[t._v("#")]),t._v(" isAttached")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isAttached")]),t._v("("),e("code",[t._v("canvas")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the canvas is attached to the platform, false if not.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2199",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2199"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"releasecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#releasecontext"}},[t._v("#")]),t._v(" releaseContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("releaseContext")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Called at chart destruction time, releases any resources associated to the context\npreviously returned by the acquireContext() method.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The context2d instance")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the method succeeded, else false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2167",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2167"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removeeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removeeventlistener"}},[t._v("#")]),t._v(" removeEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Removes the specified listener previously registered with addEventListener.")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to remove the listener")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to remove")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The listener function to remove from the event target.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2182",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2182"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateconfig"}},[t._v("#")]),t._v(" updateConfig")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateConfig")]),t._v("("),e("code",[t._v("config")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Updates config with platform specific requirements")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2204",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2204"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{349:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-baseplatform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-baseplatform"}},[t._v("#")]),t._v(" Class: BasePlatform")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("BasePlatform")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/classes/BasicPlatform.html"}},[e("code",[t._v("BasicPlatform")])])],1),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/classes/DomPlatform.html"}},[e("code",[t._v("DomPlatform")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new BasePlatform")]),t._v("()")]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"acquirecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#acquirecontext"}},[t._v("#")]),t._v(" acquireContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("acquireContext")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("p",[t._v("Called at chart construction time, returns a context2d instance implementing\nthe [W3C Canvas 2D Context API standard]"),e("a",{attrs:{href:"https://www.w3.org/TR/2dcontext/",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.w3.org/TR/2dcontext/"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas from which to acquire context (platform specific)")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2DSettings")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart options")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addeventlistener"}},[t._v("#")]),t._v(" addEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Registers the specified listener on the given chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to listen for event")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to listen for")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Receives a notification (an object that implements the "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(" interface) when an event of the specified type occurs.")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2175",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2175"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdevicepixelratio"}},[t._v("#")]),t._v(" getDevicePixelRatio")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDevicePixelRatio")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("the current devicePixelRatio of the device this platform is connected to.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2186",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2186"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaximumsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaximumsize"}},[t._v("#")]),t._v(" getMaximumSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMaximumSize")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v(", "),e("code",[t._v("aspectRatio?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas for which to calculate the maximum size")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content width")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content height")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("aspectRatio?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The aspect ratio to maintain")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("p",[t._v("the maximum size available.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2194",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2194"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isattached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isattached"}},[t._v("#")]),t._v(" isAttached")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isAttached")]),t._v("("),e("code",[t._v("canvas")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the canvas is attached to the platform, false if not.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2199",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2199"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"releasecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#releasecontext"}},[t._v("#")]),t._v(" releaseContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("releaseContext")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Called at chart destruction time, releases any resources associated to the context\npreviously returned by the acquireContext() method.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The context2d instance")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the method succeeded, else false")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2167",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2167"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removeeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removeeventlistener"}},[t._v("#")]),t._v(" removeEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Removes the specified listener previously registered with addEventListener.")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to remove the listener")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to remove")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The listener function to remove from the event target.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2182",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2182"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateconfig"}},[t._v("#")]),t._v(" updateConfig")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateConfig")]),t._v("("),e("code",[t._v("config")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Updates config with platform specific requirements")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2204",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2204"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/170.ba396ed9.js b/docs/master/assets/js/170.92278958.js similarity index 99% rename from docs/master/assets/js/170.ba396ed9.js rename to docs/master/assets/js/170.92278958.js index 2bc8a34581..9e5699611b 100644 --- a/docs/master/assets/js/170.ba396ed9.js +++ b/docs/master/assets/js/170.92278958.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[170],{502:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"api"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),a("p",[t._v("For each chart, there are a set of global prototype methods on the shared chart type which you may find useful. These are available on all charts created with Chart.js, but for the examples, let's use a line chart we've made.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// For example:")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myLineChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"destroy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#destroy"}},[t._v("#")]),t._v(" .destroy()")]),t._v(" "),a("p",[t._v("Use this to destroy any chart instances that are created. This will clean up any references stored to the chart object within Chart.js, along with any associated event listeners attached by Chart.js.\nThis must be called before the canvas is reused for a new chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Destroys a specific chart instance")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("destroy")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"update-mode"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#update-mode"}},[t._v("#")]),t._v(" .update(mode?)")]),t._v(" "),a("p",[t._v("Triggers an update of the chart. This can be safely called after updating the data object. This will update all scales, legends, and then re-render the chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Would update the first dataset's value of 'March' to be 50")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Calling update now animates the position of March from 90 to 50.")]),t._v("\n")])])]),a("p",[t._v("A "),a("code",[t._v("mode")]),t._v(" string can be provided to indicate transition configuration should be used. Core calls this method using any of "),a("code",[t._v("'active'")]),t._v(", "),a("code",[t._v("'hide'")]),t._v(", "),a("code",[t._v("'reset'")]),t._v(", "),a("code",[t._v("'resize'")]),t._v(", "),a("code",[t._v("'show'")]),t._v(" or "),a("code",[t._v("undefined")]),t._v(". "),a("code",[t._v("'none'")]),t._v(" is also a supported mode for skipping animations for single update. Please see "),a("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("animations")]),t._v(" docs for more details.")],1),t._v(" "),a("p",[t._v("Example:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'active'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("See "),a("RouterLink",{attrs:{to:"/developers/updates.html"}},[t._v("Updating Charts")]),t._v(" for more details.")],1),t._v(" "),a("h2",{attrs:{id:"reset"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" .reset()")]),t._v(" "),a("p",[t._v("Reset the chart to its state before the initial animation. A new animation can then be triggered using "),a("code",[t._v("update")]),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("reset")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"render"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#render"}},[t._v("#")]),t._v(" .render()")]),t._v(" "),a("p",[t._v("Triggers a redraw of all chart elements. Note, this does not update elements for new data. Use "),a("code",[t._v(".update()")]),t._v(" in that case.")]),t._v(" "),a("h2",{attrs:{id:"stop"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" .stop()")]),t._v(" "),a("p",[t._v("Use this to stop any current animation. This will pause the chart during any current animation frame. Call "),a("code",[t._v(".render()")]),t._v(" to re-animate.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Stops the charts animation loop at its current frame")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stop")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns 'this' for chainability")]),t._v("\n")])])]),a("h2",{attrs:{id:"resize-width-height"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#resize-width-height"}},[t._v("#")]),t._v(" .resize(width?, height?)")]),t._v(" "),a("p",[t._v("Use this to manually resize the canvas element. This is run each time the canvas container is resized, but you can call this method manually if you change the size of the canvas nodes container element.")]),t._v(" "),a("p",[t._v("You can call "),a("code",[t._v(".resize()")]),t._v(" with no parameters to have the chart take the size of its container element, or you can pass explicit dimensions (e.g., for "),a("RouterLink",{attrs:{to:"/configuration/responsive.html#printing-resizable-charts"}},[t._v("printing")]),t._v(").")],1),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Resizes & redraws to fill its container element")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns 'this' for chainability")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// With an explicit size:")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("width"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" height"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"clear"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#clear"}},[t._v("#")]),t._v(" .clear()")]),t._v(" "),a("p",[t._v("Will clear the chart canvas. Used extensively internally between animation frames, but you might find it useful.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Will clear the canvas that myLineChart is drawn on")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("clear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns 'this' for chainability")]),t._v("\n")])])]),a("h2",{attrs:{id:"tobase64image-type-quality"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tobase64image-type-quality"}},[t._v("#")]),t._v(" .toBase64Image(type?, quality?)")]),t._v(" "),a("p",[t._v("This returns a base 64 encoded string of the chart in its current state.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toBase64Image")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns png data url of the image on the canvas")]),t._v("\n\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toBase64Image")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'image/jpeg'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns a jpeg data url in the highest quality of the canvas")]),t._v("\n")])])]),a("h2",{attrs:{id:"getelementsateventformode-e-mode-options-usefinalposition"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getelementsateventformode-e-mode-options-usefinalposition"}},[t._v("#")]),t._v(" .getElementsAtEventForMode(e, mode, options, useFinalPosition)")]),t._v(" "),a("p",[t._v("Calling "),a("code",[t._v("getElementsAtEventForMode(e, mode, options, useFinalPosition)")]),t._v(" on your Chart instance passing an event and a mode will return the elements that are found. The "),a("code",[t._v("options")]),t._v(" and "),a("code",[t._v("useFinalPosition")]),t._v(" arguments are passed through to the handlers.")]),t._v(" "),a("p",[t._v("To get an item that was clicked on, "),a("code",[t._v("getElementsAtEventForMode")]),t._v(" can be used.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("clickHandler")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("evt")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" points "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getElementsAtEventForMode")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("evt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'nearest'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("intersect")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("points"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" firstPoint "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" points"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" label "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labels"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("firstPoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("firstPoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasetIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("firstPoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"getsortedvisibledatasetmetas"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getsortedvisibledatasetmetas"}},[t._v("#")]),t._v(" .getSortedVisibleDatasetMetas()")]),t._v(" "),a("p",[t._v("Returns an array of all the dataset meta's in the order that they are drawn on the canvas that are not hidden.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" visibleMetas "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getSortedVisibleDatasetMetas")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"getdatasetmeta-index"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getdatasetmeta-index"}},[t._v("#")]),t._v(" .getDatasetMeta(index)")]),t._v(" "),a("p",[t._v("Looks for the dataset that matches the current index and returns that metadata. This returned data has all of the metadata that is used to construct the chart.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("data")]),t._v(" property of the metadata will contain information about each point, bar, etc. depending on the chart type.")]),t._v(" "),a("p",[t._v("Extensive examples of usage are available in the "),a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/tree/master/test",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js tests"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" meta "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDatasetMeta")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" x "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" meta"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"getvisibledatasetcount"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getvisibledatasetcount"}},[t._v("#")]),t._v(" getVisibleDatasetCount")]),t._v(" "),a("p",[t._v("Returns the number of datasets that are currently not hidden.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" numberOfVisibleDatasets "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getVisibleDatasetCount")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"setdatasetvisibility-datasetindex-visibility"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#setdatasetvisibility-datasetindex-visibility"}},[t._v("#")]),t._v(" setDatasetVisibility(datasetIndex, visibility)")]),t._v(" "),a("p",[t._v("Sets the visibility for a given dataset. This can be used to build a chart legend in HTML. During click on one of the HTML items, you can call "),a("code",[t._v("setDatasetVisibility")]),t._v(" to change the appropriate dataset.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setDatasetVisibility")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// hides dataset at index 1")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// chart now renders with dataset hidden")]),t._v("\n")])])]),a("h2",{attrs:{id:"toggledatavisibility-index"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#toggledatavisibility-index"}},[t._v("#")]),t._v(" toggleDataVisibility(index)")]),t._v(" "),a("p",[t._v("Toggles the visibility of an item in all datasets. A dataset needs to explicitly support this feature for it to have an effect. From internal chart types, doughnut / pie, polar area, and bar use this.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toggleDataVisibility")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// toggles the item in all datasets, at index 2")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// chart now renders with item hidden")]),t._v("\n")])])]),a("h2",{attrs:{id:"getdatavisibility-index"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getdatavisibility-index"}},[t._v("#")]),t._v(" getDataVisibility(index)")]),t._v(" "),a("p",[t._v("Returns the stored visibility state of a data index for all datasets. Set by "),a("a",{attrs:{href:"#toggleDataVisibility"}},[t._v("toggleDataVisibility")]),t._v(". A dataset controller should use this method to determine if an item should not be visible.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" visible "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDataVisibility")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"hide-datasetindex-dataindex"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hide-datasetindex-dataindex"}},[t._v("#")]),t._v(" hide(datasetIndex, dataIndex?)")]),t._v(" "),a("p",[t._v("If dataIndex is not specified, sets the visibility for the given dataset to false. Updates the chart and animates the dataset with "),a("code",[t._v("'hide'")]),t._v(" mode. This animation can be configured under the "),a("code",[t._v("hide")]),t._v(" key in animation options. Please see "),a("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("animations")]),t._v(" docs for more details.")],1),t._v(" "),a("p",[t._v("If dataIndex is specified, sets the hidden flag of that element to true and updates the chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hide")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// hides dataset at index 1 and does 'hide' animation.")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hide")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// hides the data element at index 2 of the first dataset.")]),t._v("\n")])])]),a("h2",{attrs:{id:"show-datasetindex-dataindex"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#show-datasetindex-dataindex"}},[t._v("#")]),t._v(" show(datasetIndex, dataIndex?)")]),t._v(" "),a("p",[t._v("If dataIndex is not specified, sets the visibility for the given dataset to true. Updates the chart and animates the dataset with "),a("code",[t._v("'show'")]),t._v(" mode. This animation can be configured under the "),a("code",[t._v("show")]),t._v(" key in animation options. Please see "),a("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("animations")]),t._v(" docs for more details.")],1),t._v(" "),a("p",[t._v("If dataIndex is specified, sets the hidden flag of that element to false and updates the chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("show")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// shows dataset at index 1 and does 'show' animation.")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("show")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// shows the data element at index 2 of the first dataset.")]),t._v("\n")])])]),a("h2",{attrs:{id:"setactiveelements-activeelements"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#setactiveelements-activeelements"}},[t._v("#")]),t._v(" setActiveElements(activeElements)")]),t._v(" "),a("p",[t._v('Sets the active (hovered) elements for the chart. See the "Programmatic Events" sample file to see this in action.')]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setActiveElements")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasetIndex")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("index")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"ispluginenabled-pluginid"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#ispluginenabled-pluginid"}},[t._v("#")]),t._v(" isPluginEnabled(pluginId)")]),t._v(" "),a("p",[t._v("Returns a boolean if a plugin with the given ID has been registered to the chart instance.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("isPluginEnabled")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'filler'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"static-getchart-key"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#static-getchart-key"}},[t._v("#")]),t._v(" Static: getChart(key)")]),t._v(" "),a("p",[t._v("Finds the chart instance from the given key. If the key is a "),a("code",[t._v("string")]),t._v(", it is interpreted as the ID of the Canvas node for the Chart. The key can also be a "),a("code",[t._v("CanvasRenderingContext2D")]),t._v(" or an "),a("code",[t._v("HTMLDOMElement")]),t._v(". This will return "),a("code",[t._v("undefined")]),t._v(" if no Chart is found. To be found, the chart must have previously been created.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getChart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"canvas-id"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"static-register-chartcomponentlike"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#static-register-chartcomponentlike"}},[t._v("#")]),t._v(" Static: register(chartComponentLike)")]),t._v(" "),a("p",[t._v("Used to register plugins, axis types or chart types globally to all your charts.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" Tooltip"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" BubbleController "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Tooltip"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" BubbleController"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"static-unregister-chartcomponentlike"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#static-unregister-chartcomponentlike"}},[t._v("#")]),t._v(" Static: unregister(chartComponentLike)")]),t._v(" "),a("p",[t._v("Used to unregister plugins, axis types or chart types globally from all your charts.")])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[170],{503:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"api"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),a("p",[t._v("For each chart, there are a set of global prototype methods on the shared chart type which you may find useful. These are available on all charts created with Chart.js, but for the examples, let's use a line chart we've made.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// For example:")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myLineChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"destroy"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#destroy"}},[t._v("#")]),t._v(" .destroy()")]),t._v(" "),a("p",[t._v("Use this to destroy any chart instances that are created. This will clean up any references stored to the chart object within Chart.js, along with any associated event listeners attached by Chart.js.\nThis must be called before the canvas is reused for a new chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Destroys a specific chart instance")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("destroy")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"update-mode"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#update-mode"}},[t._v("#")]),t._v(" .update(mode?)")]),t._v(" "),a("p",[t._v("Triggers an update of the chart. This can be safely called after updating the data object. This will update all scales, legends, and then re-render the chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Would update the first dataset's value of 'March' to be 50")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Calling update now animates the position of March from 90 to 50.")]),t._v("\n")])])]),a("p",[t._v("A "),a("code",[t._v("mode")]),t._v(" string can be provided to indicate transition configuration should be used. Core calls this method using any of "),a("code",[t._v("'active'")]),t._v(", "),a("code",[t._v("'hide'")]),t._v(", "),a("code",[t._v("'reset'")]),t._v(", "),a("code",[t._v("'resize'")]),t._v(", "),a("code",[t._v("'show'")]),t._v(" or "),a("code",[t._v("undefined")]),t._v(". "),a("code",[t._v("'none'")]),t._v(" is also a supported mode for skipping animations for single update. Please see "),a("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("animations")]),t._v(" docs for more details.")],1),t._v(" "),a("p",[t._v("Example:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'active'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("See "),a("RouterLink",{attrs:{to:"/developers/updates.html"}},[t._v("Updating Charts")]),t._v(" for more details.")],1),t._v(" "),a("h2",{attrs:{id:"reset"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" .reset()")]),t._v(" "),a("p",[t._v("Reset the chart to its state before the initial animation. A new animation can then be triggered using "),a("code",[t._v("update")]),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("reset")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"render"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#render"}},[t._v("#")]),t._v(" .render()")]),t._v(" "),a("p",[t._v("Triggers a redraw of all chart elements. Note, this does not update elements for new data. Use "),a("code",[t._v(".update()")]),t._v(" in that case.")]),t._v(" "),a("h2",{attrs:{id:"stop"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" .stop()")]),t._v(" "),a("p",[t._v("Use this to stop any current animation. This will pause the chart during any current animation frame. Call "),a("code",[t._v(".render()")]),t._v(" to re-animate.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Stops the charts animation loop at its current frame")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("stop")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns 'this' for chainability")]),t._v("\n")])])]),a("h2",{attrs:{id:"resize-width-height"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#resize-width-height"}},[t._v("#")]),t._v(" .resize(width?, height?)")]),t._v(" "),a("p",[t._v("Use this to manually resize the canvas element. This is run each time the canvas container is resized, but you can call this method manually if you change the size of the canvas nodes container element.")]),t._v(" "),a("p",[t._v("You can call "),a("code",[t._v(".resize()")]),t._v(" with no parameters to have the chart take the size of its container element, or you can pass explicit dimensions (e.g., for "),a("RouterLink",{attrs:{to:"/configuration/responsive.html#printing-resizable-charts"}},[t._v("printing")]),t._v(").")],1),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Resizes & redraws to fill its container element")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns 'this' for chainability")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// With an explicit size:")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("width"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" height"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"clear"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#clear"}},[t._v("#")]),t._v(" .clear()")]),t._v(" "),a("p",[t._v("Will clear the chart canvas. Used extensively internally between animation frames, but you might find it useful.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Will clear the canvas that myLineChart is drawn on")]),t._v("\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("clear")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns 'this' for chainability")]),t._v("\n")])])]),a("h2",{attrs:{id:"tobase64image-type-quality"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tobase64image-type-quality"}},[t._v("#")]),t._v(" .toBase64Image(type?, quality?)")]),t._v(" "),a("p",[t._v("This returns a base 64 encoded string of the chart in its current state.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toBase64Image")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns png data url of the image on the canvas")]),t._v("\n\nmyLineChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toBase64Image")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'image/jpeg'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// => returns a jpeg data url in the highest quality of the canvas")]),t._v("\n")])])]),a("h2",{attrs:{id:"getelementsateventformode-e-mode-options-usefinalposition"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getelementsateventformode-e-mode-options-usefinalposition"}},[t._v("#")]),t._v(" .getElementsAtEventForMode(e, mode, options, useFinalPosition)")]),t._v(" "),a("p",[t._v("Calling "),a("code",[t._v("getElementsAtEventForMode(e, mode, options, useFinalPosition)")]),t._v(" on your Chart instance passing an event and a mode will return the elements that are found. The "),a("code",[t._v("options")]),t._v(" and "),a("code",[t._v("useFinalPosition")]),t._v(" arguments are passed through to the handlers.")]),t._v(" "),a("p",[t._v("To get an item that was clicked on, "),a("code",[t._v("getElementsAtEventForMode")]),t._v(" can be used.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("clickHandler")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("evt")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" points "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getElementsAtEventForMode")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("evt"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'nearest'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("intersect")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("points"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" firstPoint "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" points"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" label "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labels"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("firstPoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" value "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("firstPoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasetIndex"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("firstPoint"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("index"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"getsortedvisibledatasetmetas"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getsortedvisibledatasetmetas"}},[t._v("#")]),t._v(" .getSortedVisibleDatasetMetas()")]),t._v(" "),a("p",[t._v("Returns an array of all the dataset meta's in the order that they are drawn on the canvas that are not hidden.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" visibleMetas "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getSortedVisibleDatasetMetas")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"getdatasetmeta-index"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getdatasetmeta-index"}},[t._v("#")]),t._v(" .getDatasetMeta(index)")]),t._v(" "),a("p",[t._v("Looks for the dataset that matches the current index and returns that metadata. This returned data has all of the metadata that is used to construct the chart.")]),t._v(" "),a("p",[t._v("The "),a("code",[t._v("data")]),t._v(" property of the metadata will contain information about each point, bar, etc. depending on the chart type.")]),t._v(" "),a("p",[t._v("Extensive examples of usage are available in the "),a("a",{attrs:{href:"https://github.com/chartjs/Chart.js/tree/master/test",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js tests"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" meta "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDatasetMeta")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" x "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" meta"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"getvisibledatasetcount"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getvisibledatasetcount"}},[t._v("#")]),t._v(" getVisibleDatasetCount")]),t._v(" "),a("p",[t._v("Returns the number of datasets that are currently not hidden.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" numberOfVisibleDatasets "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getVisibleDatasetCount")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"setdatasetvisibility-datasetindex-visibility"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#setdatasetvisibility-datasetindex-visibility"}},[t._v("#")]),t._v(" setDatasetVisibility(datasetIndex, visibility)")]),t._v(" "),a("p",[t._v("Sets the visibility for a given dataset. This can be used to build a chart legend in HTML. During click on one of the HTML items, you can call "),a("code",[t._v("setDatasetVisibility")]),t._v(" to change the appropriate dataset.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setDatasetVisibility")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// hides dataset at index 1")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// chart now renders with dataset hidden")]),t._v("\n")])])]),a("h2",{attrs:{id:"toggledatavisibility-index"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#toggledatavisibility-index"}},[t._v("#")]),t._v(" toggleDataVisibility(index)")]),t._v(" "),a("p",[t._v("Toggles the visibility of an item in all datasets. A dataset needs to explicitly support this feature for it to have an effect. From internal chart types, doughnut / pie, polar area, and bar use this.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("toggleDataVisibility")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// toggles the item in all datasets, at index 2")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// chart now renders with item hidden")]),t._v("\n")])])]),a("h2",{attrs:{id:"getdatavisibility-index"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#getdatavisibility-index"}},[t._v("#")]),t._v(" getDataVisibility(index)")]),t._v(" "),a("p",[t._v("Returns the stored visibility state of a data index for all datasets. Set by "),a("a",{attrs:{href:"#toggleDataVisibility"}},[t._v("toggleDataVisibility")]),t._v(". A dataset controller should use this method to determine if an item should not be visible.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" visible "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDataVisibility")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"hide-datasetindex-dataindex"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#hide-datasetindex-dataindex"}},[t._v("#")]),t._v(" hide(datasetIndex, dataIndex?)")]),t._v(" "),a("p",[t._v("If dataIndex is not specified, sets the visibility for the given dataset to false. Updates the chart and animates the dataset with "),a("code",[t._v("'hide'")]),t._v(" mode. This animation can be configured under the "),a("code",[t._v("hide")]),t._v(" key in animation options. Please see "),a("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("animations")]),t._v(" docs for more details.")],1),t._v(" "),a("p",[t._v("If dataIndex is specified, sets the hidden flag of that element to true and updates the chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hide")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// hides dataset at index 1 and does 'hide' animation.")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hide")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// hides the data element at index 2 of the first dataset.")]),t._v("\n")])])]),a("h2",{attrs:{id:"show-datasetindex-dataindex"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#show-datasetindex-dataindex"}},[t._v("#")]),t._v(" show(datasetIndex, dataIndex?)")]),t._v(" "),a("p",[t._v("If dataIndex is not specified, sets the visibility for the given dataset to true. Updates the chart and animates the dataset with "),a("code",[t._v("'show'")]),t._v(" mode. This animation can be configured under the "),a("code",[t._v("show")]),t._v(" key in animation options. Please see "),a("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("animations")]),t._v(" docs for more details.")],1),t._v(" "),a("p",[t._v("If dataIndex is specified, sets the hidden flag of that element to false and updates the chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("show")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// shows dataset at index 1 and does 'show' animation.")]),t._v("\nchart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("show")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// shows the data element at index 2 of the first dataset.")]),t._v("\n")])])]),a("h2",{attrs:{id:"setactiveelements-activeelements"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#setactiveelements-activeelements"}},[t._v("#")]),t._v(" setActiveElements(activeElements)")]),t._v(" "),a("p",[t._v('Sets the active (hovered) elements for the chart. See the "Programmatic Events" sample file to see this in action.')]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("setActiveElements")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasetIndex")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("index")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"ispluginenabled-pluginid"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#ispluginenabled-pluginid"}},[t._v("#")]),t._v(" isPluginEnabled(pluginId)")]),t._v(" "),a("p",[t._v("Returns a boolean if a plugin with the given ID has been registered to the chart instance.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("isPluginEnabled")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'filler'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"static-getchart-key"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#static-getchart-key"}},[t._v("#")]),t._v(" Static: getChart(key)")]),t._v(" "),a("p",[t._v("Finds the chart instance from the given key. If the key is a "),a("code",[t._v("string")]),t._v(", it is interpreted as the ID of the Canvas node for the Chart. The key can also be a "),a("code",[t._v("CanvasRenderingContext2D")]),t._v(" or an "),a("code",[t._v("HTMLDOMElement")]),t._v(". This will return "),a("code",[t._v("undefined")]),t._v(" if no Chart is found. To be found, the chart must have previously been created.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getChart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"canvas-id"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"static-register-chartcomponentlike"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#static-register-chartcomponentlike"}},[t._v("#")]),t._v(" Static: register(chartComponentLike)")]),t._v(" "),a("p",[t._v("Used to register plugins, axis types or chart types globally to all your charts.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" Tooltip"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" BubbleController "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\nChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Tooltip"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" PointElement"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" BubbleController"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"static-unregister-chartcomponentlike"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#static-unregister-chartcomponentlike"}},[t._v("#")]),t._v(" Static: unregister(chartComponentLike)")]),t._v(" "),a("p",[t._v("Used to unregister plugins, axis types or chart types globally from all your charts.")])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/171.3e0fe6f1.js b/docs/master/assets/js/171.760242a4.js similarity index 99% rename from docs/master/assets/js/171.3e0fe6f1.js rename to docs/master/assets/js/171.760242a4.js index 8d87e6f28f..79ba1ef70a 100644 --- a/docs/master/assets/js/171.3e0fe6f1.js +++ b/docs/master/assets/js/171.760242a4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[171],{505:function(t,a,s){"use strict";s.r(a);var n=s(3),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"new-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#new-axes"}},[t._v("#")]),t._v(" New Axes")]),t._v(" "),a("p",[t._v("Axes in Chart.js can be individually extended. Axes should always derive from "),a("code",[t._v("Chart.Scale")]),t._v(" but this is not a mandatory requirement.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("MyScale")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("Scale")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* extensions ... */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\nMyScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'myScale'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nMyScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" defaultConfigObject"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// MyScale is now derived from Chart.Scale")]),t._v("\n")])])]),a("p",[t._v("Once you have created your scale class, you need to register it with the global chart object so that it can be used.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("MyScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If the new scale is not extending Chart.Scale, the prototype can not be used to detect what")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// you are trying to register - so you need to be explicit:")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Chart.registry.addScales(MyScale);")]),t._v("\n")])])]),a("p",[t._v("To use the new scale, simply pass in the string key to the config when creating a chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lineChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'myScale'")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this is the same id that was set on the scale")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"scale-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scale-properties"}},[t._v("#")]),t._v(" Scale Properties")]),t._v(" "),a("p",[t._v("Scale instances are given the following properties during the fitting process.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("left")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// left edge of the scale bounding box")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("right")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// right edge of the bounding box")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("top")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// the same as right - left")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// the same as bottom - top")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Margin on each side. Like css, this is outside the bounding box.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("margins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("left")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("right")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("top")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Amount of padding on the inside of the bounding box (like CSS)")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingLeft")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingRight")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingTop")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingBottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"scale-interface"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scale-interface"}},[t._v("#")]),t._v(" Scale Interface")]),t._v(" "),a("p",[t._v("To work with Chart.js, custom scale types must implement the following interface.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Determines the data limits. Should set this.min and this.max to be the data max/min")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("determineDataLimits")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Generate tick marks. this.chart is the chart instance. The data object can be accessed as this.chart.data")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// buildTicks() should create a ticks array on the axis instance, if you intend to use any of the implementations from the base class")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("buildTicks")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the label to show for the given value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLabelForValue")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the pixel (x coordinate for horizontal axis, y coordinate for vertical axis) for a given value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param index: index into the ticks array")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getPixelForTick")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("index")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the pixel (x coordinate for horizontal axis, y coordinate for vertical axis) for a given value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param value : the value to get the pixel for")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param [index] : index into the data array of the value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getPixelForValue")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" index")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the value for a given pixel (x coordinate for horizontal axis, y coordinate for vertical axis)")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param pixel : pixel value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getValueForPixel")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("pixel")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("Optionally, the following methods may also be overwritten, but an implementation is already provided by the "),a("code",[t._v("Chart.Scale")]),t._v(" base class.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Adds labels to objects in the ticks array. The default implementation simply calls this.options.ticks.callback(numericalTick, index, ticks);")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("generateTickLabels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Determine how much the labels will rotate by. The default implementation will only rotate labels if the scale is horizontal.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("calculateLabelRotation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Fits the scale into the canvas.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.maxWidth and this.maxHeight will tell you the maximum dimensions the scale instance can be. Scales should endeavour to be as efficient as possible with canvas space.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.margins is the amount of space you have on either side of your scale that you may expand in to. This is used already for calculating the best label rotation")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You must set this.minSize to be the size of your scale. It must be an object containing 2 properties: width and height.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You must set this.width to be the width and this.height to be the height of the scale")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("fit")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Draws the scale onto the canvas. this.(left|right|top|bottom) will have been populated to tell you the area on the canvas to draw in")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param chartArea : an object containing four properties: left, right, top, bottom. This is the rectangle that lines, bars, etc will be drawn in. It may be used, for example, to draw grid lines.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("draw")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chartArea")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("The Core.Scale base class also has some utility functions that you may find useful.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Returns true if the scale instance is horizontal")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("isHorizontal")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Returns the scale tick objects ({label, major})")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getTicks")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[171],{502:function(t,a,s){"use strict";s.r(a);var n=s(3),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"new-axes"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#new-axes"}},[t._v("#")]),t._v(" New Axes")]),t._v(" "),a("p",[t._v("Axes in Chart.js can be individually extended. Axes should always derive from "),a("code",[t._v("Chart.Scale")]),t._v(" but this is not a mandatory requirement.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("MyScale")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("Scale")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* extensions ... */")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\nMyScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'myScale'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nMyScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" defaultConfigObject"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// MyScale is now derived from Chart.Scale")]),t._v("\n")])])]),a("p",[t._v("Once you have created your scale class, you need to register it with the global chart object so that it can be used.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("Chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("MyScale"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If the new scale is not extending Chart.Scale, the prototype can not be used to detect what")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// you are trying to register - so you need to be explicit:")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Chart.registry.addScales(MyScale);")]),t._v("\n")])])]),a("p",[t._v("To use the new scale, simply pass in the string key to the config when creating a chart.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" lineChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'myScale'")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this is the same id that was set on the scale")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"scale-properties"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scale-properties"}},[t._v("#")]),t._v(" Scale Properties")]),t._v(" "),a("p",[t._v("Scale instances are given the following properties during the fitting process.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("left")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// left edge of the scale bounding box")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("right")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// right edge of the bounding box")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("top")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// the same as right - left")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// the same as bottom - top")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Margin on each side. Like css, this is outside the bounding box.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("margins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("left")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("right")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("top")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("bottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Amount of padding on the inside of the bounding box (like CSS)")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingLeft")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingRight")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingTop")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("paddingBottom")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" number\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"scale-interface"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#scale-interface"}},[t._v("#")]),t._v(" Scale Interface")]),t._v(" "),a("p",[t._v("To work with Chart.js, custom scale types must implement the following interface.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Determines the data limits. Should set this.min and this.max to be the data max/min")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("determineDataLimits")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Generate tick marks. this.chart is the chart instance. The data object can be accessed as this.chart.data")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// buildTicks() should create a ticks array on the axis instance, if you intend to use any of the implementations from the base class")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("buildTicks")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the label to show for the given value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLabelForValue")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the pixel (x coordinate for horizontal axis, y coordinate for vertical axis) for a given value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param index: index into the ticks array")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getPixelForTick")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("index")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the pixel (x coordinate for horizontal axis, y coordinate for vertical axis) for a given value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param value : the value to get the pixel for")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param [index] : index into the data array of the value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getPixelForValue")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" index")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Get the value for a given pixel (x coordinate for horizontal axis, y coordinate for vertical axis)")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param pixel : pixel value")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getValueForPixel")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("pixel")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("Optionally, the following methods may also be overwritten, but an implementation is already provided by the "),a("code",[t._v("Chart.Scale")]),t._v(" base class.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Adds labels to objects in the ticks array. The default implementation simply calls this.options.ticks.callback(numericalTick, index, ticks);")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("generateTickLabels")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Determine how much the labels will rotate by. The default implementation will only rotate labels if the scale is horizontal.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("calculateLabelRotation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Fits the scale into the canvas.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.maxWidth and this.maxHeight will tell you the maximum dimensions the scale instance can be. Scales should endeavour to be as efficient as possible with canvas space.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this.margins is the amount of space you have on either side of your scale that you may expand in to. This is used already for calculating the best label rotation")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You must set this.minSize to be the size of your scale. It must be an object containing 2 properties: width and height.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// You must set this.width to be the width and this.height to be the height of the scale")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("fit")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Draws the scale onto the canvas. this.(left|right|top|bottom) will have been populated to tell you the area on the canvas to draw in")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param chartArea : an object containing four properties: left, right, top, bottom. This is the rectangle that lines, bars, etc will be drawn in. It may be used, for example, to draw grid lines.")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("draw")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chartArea")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("The Core.Scale base class also has some utility functions that you may find useful.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Returns true if the scale instance is horizontal")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("isHorizontal")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Returns the scale tick objects ({label, major})")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getTicks")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/172.622e3c9c.js b/docs/master/assets/js/172.41314f89.js similarity index 99% rename from docs/master/assets/js/172.622e3c9c.js rename to docs/master/assets/js/172.41314f89.js index fff14c6f97..f4e8817986 100644 --- a/docs/master/assets/js/172.622e3c9c.js +++ b/docs/master/assets/js/172.41314f89.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[172],{503:function(t,s,a){"use strict";a.r(s);var n=a(3),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"new-charts"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#new-charts"}},[t._v("#")]),t._v(" New Charts")]),t._v(" "),s("p",[t._v("Chart.js 2.0 introduced the concept of controllers for each dataset. Like scales, new controllers can be written as needed.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("MyType")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DatasetController")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\nChart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("MyType"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can create a new instance of our chart, using the Chart.js API")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this is the string the constructor was registered at, ie Chart.controllers.MyType")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'MyType'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"dataset-controller-interface"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#dataset-controller-interface"}},[t._v("#")]),t._v(" Dataset Controller Interface")]),t._v(" "),s("p",[t._v("Dataset controllers must implement the following interface.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Defaults for charts of this type")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("defaults")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to `false` or `null`, no dataset level element is created.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to a string, this is the type of element to create for the dataset.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// For example, a line create needs to create a line element so this is the string 'line'")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasetElementType")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to `false` or `null`, no elements are created for each data value.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to a string, this is the type of element to create for each data value.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// For example, a line create needs to create a point element so this is the string 'point'")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataElementType")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ID of the controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("id")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Update the elements in response to new data")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param mode : update mode, core calls this method using any of `'active'`, `'hide'`, `'reset'`, `'resize'`, `'show'` or `undefined`")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("update")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("mode")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("The following methods may optionally be overridden by derived dataset controllers.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Draw the representation of the dataset. The base implementation works in most cases, and an example of a derived version")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// can be found in the line controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Initializes the controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("initialize")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Ensures that the dataset represented by this controller is linked to a scale. Overridden to helpers.noop in the polar area and doughnut controllers as these")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// chart types using a single scale")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("linkScales")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parse the data into the controller meta data. The default implementation will work for cartesian parsing, but an example of an overridden")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// version can be found in the doughnut controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("parse")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("start"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" count")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("h2",{attrs:{id:"extending-existing-chart-types"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#extending-existing-chart-types"}},[t._v("#")]),t._v(" Extending Existing Chart Types")]),t._v(" "),s("p",[t._v("Extending or replacing an existing controller type is easy. Simply replace the constructor for one of the built-in types with your own.")]),t._v(" "),s("p",[t._v("The built-in controller types are:")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("BarController")])]),t._v(" "),s("li",[s("code",[t._v("BubbleController")])]),t._v(" "),s("li",[s("code",[t._v("DoughnutController")])]),t._v(" "),s("li",[s("code",[t._v("LineController")])]),t._v(" "),s("li",[s("code",[t._v("PieController")])]),t._v(" "),s("li",[s("code",[t._v("PolarAreaController")])]),t._v(" "),s("li",[s("code",[t._v("RadarController")])]),t._v(" "),s("li",[s("code",[t._v("ScatterController")])])]),t._v(" "),s("p",[t._v("These controllers are also available in the UMD package, directly under "),s("code",[t._v("Chart")]),t._v(". Eg: "),s("code",[t._v("Chart.BarController")]),t._v(".")]),t._v(" "),s("p",[t._v("For example, to derive a new chart type that extends from a bubble chart, you would do the following.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("BubbleController"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Custom")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("BubbleController")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Call bubble controller method to draw all the points")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("arguments"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can do some custom drawing for this dataset. Here we'll draw a red box around the first point in each dataset")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" meta "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMeta")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" pt0 "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" meta"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getProps")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("save")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("strokeStyle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lineWidth "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("strokeRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("x "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("restore")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'derivedBubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" BubbleController"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Stores the controller so that the chart initialization routine can look it up")]),t._v("\nChart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Custom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can create and use our new chart type")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'derivedBubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"typescript-typings"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#typescript-typings"}},[t._v("#")]),t._v(" TypeScript Typings")]),t._v(" "),s("p",[t._v("If you want your new chart type to be statically typed, you must provide a "),s("code",[t._v(".d.ts")]),t._v(' TypeScript declaration file. Chart.js provides a way to augment built-in types with user-defined ones, by using the concept of "declaration merging".')]),t._v(" "),s("p",[t._v("When adding a new chart type, "),s("code",[t._v("ChartTypeRegistry")]),t._v(" must contain the declarations for the new type, either by extending an existing entry in "),s("code",[t._v("ChartTypeRegistry")]),t._v(" or by creating a new one.")]),t._v(" "),s("p",[t._v("For example, to provide typings for a new chart type that extends from a bubble chart, you would add a "),s("code",[t._v(".d.ts")]),t._v(" containing:")]),t._v(" "),s("div",{staticClass:"language-typescript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-typescript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" ChartTypeRegistry "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("declare")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("module")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("interface")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("ChartTypeRegistry")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n derivedBubble"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" ChartTypeRegistry"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[172],{504:function(t,s,a){"use strict";a.r(s);var n=a(3),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"new-charts"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#new-charts"}},[t._v("#")]),t._v(" New Charts")]),t._v(" "),s("p",[t._v("Chart.js 2.0 introduced the concept of controllers for each dataset. Like scales, new controllers can be written as needed.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("MyType")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("DatasetController")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\nChart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("MyType"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can create a new instance of our chart, using the Chart.js API")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// this is the string the constructor was registered at, ie Chart.controllers.MyType")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'MyType'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"dataset-controller-interface"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#dataset-controller-interface"}},[t._v("#")]),t._v(" Dataset Controller Interface")]),t._v(" "),s("p",[t._v("Dataset controllers must implement the following interface.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Defaults for charts of this type")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("defaults")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to `false` or `null`, no dataset level element is created.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to a string, this is the type of element to create for the dataset.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// For example, a line create needs to create a line element so this is the string 'line'")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasetElementType")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to `false` or `null`, no elements are created for each data value.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// If set to a string, this is the type of element to create for each data value.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// For example, a line create needs to create a point element so this is the string 'point'")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("dataElementType")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("|")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ID of the controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("id")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" string"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Update the elements in response to new data")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// @param mode : update mode, core calls this method using any of `'active'`, `'hide'`, `'reset'`, `'resize'`, `'show'` or `undefined`")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("update")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("mode")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("The following methods may optionally be overridden by derived dataset controllers.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Draw the representation of the dataset. The base implementation works in most cases, and an example of a derived version")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// can be found in the line controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Initializes the controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("initialize")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Ensures that the dataset represented by this controller is linked to a scale. Overridden to helpers.noop in the polar area and doughnut controllers as these")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// chart types using a single scale")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("linkScales")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Parse the data into the controller meta data. The default implementation will work for cartesian parsing, but an example of an overridden")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// version can be found in the doughnut controller")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("parse")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("start"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" count")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("h2",{attrs:{id:"extending-existing-chart-types"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#extending-existing-chart-types"}},[t._v("#")]),t._v(" Extending Existing Chart Types")]),t._v(" "),s("p",[t._v("Extending or replacing an existing controller type is easy. Simply replace the constructor for one of the built-in types with your own.")]),t._v(" "),s("p",[t._v("The built-in controller types are:")]),t._v(" "),s("ul",[s("li",[s("code",[t._v("BarController")])]),t._v(" "),s("li",[s("code",[t._v("BubbleController")])]),t._v(" "),s("li",[s("code",[t._v("DoughnutController")])]),t._v(" "),s("li",[s("code",[t._v("LineController")])]),t._v(" "),s("li",[s("code",[t._v("PieController")])]),t._v(" "),s("li",[s("code",[t._v("PolarAreaController")])]),t._v(" "),s("li",[s("code",[t._v("RadarController")])]),t._v(" "),s("li",[s("code",[t._v("ScatterController")])])]),t._v(" "),s("p",[t._v("These controllers are also available in the UMD package, directly under "),s("code",[t._v("Chart")]),t._v(". Eg: "),s("code",[t._v("Chart.BarController")]),t._v(".")]),t._v(" "),s("p",[t._v("For example, to derive a new chart type that extends from a bubble chart, you would do the following.")]),t._v(" "),s("div",{staticClass:"language-javascript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-javascript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("BubbleController"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Custom")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("BubbleController")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Call bubble controller method to draw all the points")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("arguments"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can do some custom drawing for this dataset. Here we'll draw a red box around the first point in each dataset")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" meta "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMeta")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" pt0 "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" meta"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getProps")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("save")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("strokeStyle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lineWidth "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("strokeRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("x "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("restore")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'derivedBubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" BubbleController"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Stores the controller so that the chart initialization routine can look it up")]),t._v("\nChart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Custom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can create and use our new chart type")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'derivedBubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" options\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"typescript-typings"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#typescript-typings"}},[t._v("#")]),t._v(" TypeScript Typings")]),t._v(" "),s("p",[t._v("If you want your new chart type to be statically typed, you must provide a "),s("code",[t._v(".d.ts")]),t._v(' TypeScript declaration file. Chart.js provides a way to augment built-in types with user-defined ones, by using the concept of "declaration merging".')]),t._v(" "),s("p",[t._v("When adding a new chart type, "),s("code",[t._v("ChartTypeRegistry")]),t._v(" must contain the declarations for the new type, either by extending an existing entry in "),s("code",[t._v("ChartTypeRegistry")]),t._v(" or by creating a new one.")]),t._v(" "),s("p",[t._v("For example, to provide typings for a new chart type that extends from a bubble chart, you would add a "),s("code",[t._v(".d.ts")]),t._v(" containing:")]),t._v(" "),s("div",{staticClass:"language-typescript extra-class"},[s("pre",{pre:!0,attrs:{class:"language-typescript"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" ChartTypeRegistry "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("declare")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("module")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("interface")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("ChartTypeRegistry")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n derivedBubble"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" ChartTypeRegistry"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'bubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])])])}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/173.d3664bfd.js b/docs/master/assets/js/173.b7b2ad93.js similarity index 99% rename from docs/master/assets/js/173.d3664bfd.js rename to docs/master/assets/js/173.b7b2ad93.js index c666eb077d..ed4366d282 100644 --- a/docs/master/assets/js/173.d3664bfd.js +++ b/docs/master/assets/js/173.b7b2ad93.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[173],{504:function(e,t,a){"use strict";a.r(t);var s=a(3),n=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"contributing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#contributing"}},[e._v("#")]),e._v(" Contributing")]),e._v(" "),t("p",[e._v("New contributions to the library are welcome, but we ask that you please follow these guidelines:")]),e._v(" "),t("ul",[t("li",[e._v("Before opening a PR for major additions or changes, please discuss the expected API and/or implementation by "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/issues",target:"_blank",rel:"noopener noreferrer"}},[e._v("filing an issue"),t("OutboundLink")],1),e._v(" or asking about it in the "),t("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[e._v("Chart.js Discord"),t("OutboundLink")],1),e._v(" #dev channel. This will save you development time by getting feedback upfront and make reviews faster by giving the maintainers more context and details.")]),e._v(" "),t("li",[e._v("Consider whether your changes are useful for all users, or if creating a Chart.js "),t("RouterLink",{attrs:{to:"/developers/plugins.html"}},[e._v("plugin")]),e._v(" would be more appropriate.")],1),e._v(" "),t("li",[e._v("Check that your code will pass tests and "),t("code",[e._v("eslint")]),e._v(" code standards. "),t("code",[e._v("pnpm test")]),e._v(" will run both the linter and tests for you.")]),e._v(" "),t("li",[e._v("Add unit tests and document new functionality (in the "),t("code",[e._v("test/")]),e._v(" and "),t("code",[e._v("docs/")]),e._v(" directories respectively).")]),e._v(" "),t("li",[e._v("Avoid breaking changes unless there is an upcoming major release, which is infrequent. We encourage people to write plugins for the most new advanced features, and care a lot about backward compatibility.")]),e._v(" "),t("li",[e._v("We strongly prefer new methods to be added as private whenever possible. A method can be made private either by making a top-level "),t("code",[e._v("function")]),e._v(" outside of a class or by prefixing it with "),t("code",[e._v("_")]),e._v(" and adding "),t("code",[e._v("@private")]),e._v(" JSDoc if inside a class. Public APIs take considerable time to review and become locked once implemented as we have limited ability to change them without breaking backward compatibility. Private APIs allow the flexibility to address unforeseen cases.")])]),e._v(" "),t("h2",{attrs:{id:"joining-the-project"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#joining-the-project"}},[e._v("#")]),e._v(" Joining the project")]),e._v(" "),t("p",[e._v("Active committers and contributors are invited to introduce themselves and request commit access to this project. We have a very active Discord community that you can join "),t("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[e._v("here"),t("OutboundLink")],1),e._v(". If you think you can help, we'd love to have you!")]),e._v(" "),t("h2",{attrs:{id:"building-and-testing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#building-and-testing"}},[e._v("#")]),e._v(" Building and Testing")]),e._v(" "),t("p",[e._v("Firstly, we need to ensure development dependencies are installed. With node and pnpm installed, after cloning the Chart.js repo to a local directory, and navigating to that directory in the command line, we can run the following:")]),e._v(" "),t("div",{staticClass:"language-bash extra-class"},[t("pre",{pre:!0,attrs:{class:"language-bash"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("install")]),e._v("\n")])])]),t("p",[e._v("This will install the local development dependencies for Chart.js.")]),e._v(" "),t("p",[e._v("The following commands are now available from the repository root:")]),e._v(" "),t("div",{staticClass:"language-bash extra-class"},[t("pre",{pre:!0,attrs:{class:"language-bash"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run build // build dist files "),t("span",{pre:!0,attrs:{class:"token keyword"}},[e._v("in")]),e._v(" ./dist\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run autobuild // build and "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("watch")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[e._v("for")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("source")]),e._v(" changes\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run dev // run tests and "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("watch")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[e._v("for")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("source")]),e._v(" and "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("test")]),e._v(" changes\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run lint // perform code linting "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v("(")]),e._v("ESLint, tsc"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(")")]),e._v("\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("test")]),e._v(" // perform code linting and run unit tests with coverage\n")])])]),t("p",[t("code",[e._v("pnpm run dev")]),e._v(" and "),t("code",[e._v("pnpm test")]),e._v(" can be appended with a string that is used to match the spec filenames. For example: "),t("code",[e._v("pnpm run dev plugins")]),e._v(" will start karma in watch mode for "),t("code",[e._v("test/specs/**/*plugin*.js")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"documentation"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#documentation"}},[e._v("#")]),e._v(" Documentation")]),e._v(" "),t("p",[e._v("We use "),t("a",{attrs:{href:"https://vuepress.vuejs.org/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vuepress"),t("OutboundLink")],1),e._v(" to manage the docs which are contained as Markdown files in the docs directory. You can run the doc server locally using these commands:")]),e._v(" "),t("div",{staticClass:"language-bash extra-class"},[t("pre",{pre:!0,attrs:{class:"language-bash"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run docs:dev\n")])])]),t("h3",{attrs:{id:"image-based-tests"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#image-based-tests"}},[e._v("#")]),e._v(" Image-Based Tests")]),e._v(" "),t("p",[e._v("Some display-related functionality is difficult to test via typical Jasmine units. For this reason, we introduced image-based tests ("),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/pull/3988",target:"_blank",rel:"noopener noreferrer"}},[e._v("#3988"),t("OutboundLink")],1),e._v(" and "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/pull/5777",target:"_blank",rel:"noopener noreferrer"}},[e._v("#5777"),t("OutboundLink")],1),e._v(") to assert that a chart is drawn pixel-for-pixel matching an expected image.")]),e._v(" "),t("p",[e._v("Generated charts in image-based tests should be "),t("strong",[e._v("as minimal as possible")]),e._v(" and focus only on the tested feature to prevent failure if another feature breaks (e.g. disable the title and legend when testing scales).")]),e._v(" "),t("p",[e._v("You can create a new image-based test by following the steps below:")]),e._v(" "),t("ul",[t("li",[e._v("Create a JS file ("),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/f7b671006a86201808402c3b6fe2054fe834fd4a/test/fixtures/controller.bubble/radius-scriptable.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("example"),t("OutboundLink")],1),e._v(") or JSON file ("),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4b421a50bfa17f73ac7aa8db7d077e674dbc148d/test/fixtures/plugin.filler/fill-line-dataset.json",target:"_blank",rel:"noopener noreferrer"}},[e._v("example"),t("OutboundLink")],1),e._v(") that defines chart config and generation options.")]),e._v(" "),t("li",[e._v("Add this file in "),t("code",[e._v("test/fixtures/{spec.name}/{feature-name}.json")]),e._v(".")]),e._v(" "),t("li",[e._v("Add a "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4b421a50bfa17f73ac7aa8db7d077e674dbc148d/test/specs/plugin.filler.tests.js#L10",target:"_blank",rel:"noopener noreferrer"}},[e._v("describe line"),t("OutboundLink")],1),e._v(" to the beginning of "),t("code",[e._v("test/specs/{spec.name}.tests.js")]),e._v(" if it doesn't exist yet.")]),e._v(" "),t("li",[e._v("Run "),t("code",[e._v("pnpm run dev")]),e._v(".")]),e._v(" "),t("li",[e._v("Click the "),t("em",[e._v('"Debug"')]),e._v(" button (top/right): a test should fail with the associated canvas visible.")]),e._v(" "),t("li",[e._v("Right-click on the chart and "),t("em",[e._v('"Save image as..."')]),e._v(" "),t("code",[e._v("test/fixtures/{spec.name}/{feature-name}.png")]),e._v(" making sure not to activate the tooltip or any hover functionality")]),e._v(" "),t("li",[e._v("Refresh the browser page ("),t("code",[e._v("CTRL+R")]),e._v("): test should now pass")]),e._v(" "),t("li",[e._v("Verify test relevancy by changing the feature values "),t("em",[e._v("slightly")]),e._v(" in the JSON file.")])]),e._v(" "),t("p",[e._v("Tests should pass in both browsers. In general, we've hidden all text in image tests since it's quite difficult to get them to pass between different browsers. As a result, it is recommended to hide all scales in image-based tests. It is also recommended to disable animations. If tests still do not pass, adjust "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/1ca0ffb5d5b6c2072176fd36fa85a58c483aa434/test/jasmine.matchers.js",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("tolerance")]),e._v(" and/or "),t("code",[e._v("threshold")]),t("OutboundLink")],1),e._v(" at the beginning of the JSON file keeping them "),t("strong",[e._v("as low as possible")]),e._v(".")]),e._v(" "),t("p",[e._v("When a test fails, the expected and actual images are shown. If you'd like to see the images even when the tests pass, set "),t("code",[e._v('"debug": true')]),e._v(" in the JSON file.")]),e._v(" "),t("h2",{attrs:{id:"bugs-and-issues"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bugs-and-issues"}},[e._v("#")]),e._v(" Bugs and Issues")]),e._v(" "),t("p",[e._v("Please report these on the GitHub page - at "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank"}},[e._v("github.com/chartjs/Chart.js")]),e._v(". Please do not use issues for support requests. For help using Chart.js, please take a look at the "),t("a",{attrs:{href:"https://stackoverflow.com/questions/tagged/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("chart.js")]),t("OutboundLink")],1),e._v(" tag on Stack Overflow.")]),e._v(" "),t("p",[e._v("Well-structured, detailed bug reports are hugely valuable for the project.")]),e._v(" "),t("p",[e._v("Guidelines for reporting bugs:")]),e._v(" "),t("ul",[t("li",[e._v("Check the issue search to see if it has already been reported")]),e._v(" "),t("li",[e._v("Isolate the problem to a simple test case")]),e._v(" "),t("li",[e._v("Please include a demonstration of the bug on a website such as "),t("a",{attrs:{href:"https://jsbin.com/",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Bin"),t("OutboundLink")],1),e._v(", "),t("a",{attrs:{href:"https://jsfiddle.net/",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Fiddle"),t("OutboundLink")],1),e._v(", or "),t("a",{attrs:{href:"https://codepen.io/pen/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Codepen"),t("OutboundLink")],1),e._v(". ("),t("a",{attrs:{href:"https://codepen.io/pen?template=wvezeOq",target:"_blank",rel:"noopener noreferrer"}},[e._v("Template"),t("OutboundLink")],1),e._v("). If filing a bug against "),t("code",[e._v("master")]),e._v(", you may reference the latest code via "),t("a",{attrs:{href:"https://www.chartjs.org/dist/master/chart.umd.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/dist/master/chart.umd.js"),t("OutboundLink")],1),e._v(" (changing the filename to point at the file you need as appropriate). Do not rely on these files for production purposes as they may be removed at any time.")])]),e._v(" "),t("p",[e._v("Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.")])])}),[],!1,null,null,null);t.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[173],{505:function(e,t,a){"use strict";a.r(t);var s=a(3),n=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"contributing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#contributing"}},[e._v("#")]),e._v(" Contributing")]),e._v(" "),t("p",[e._v("New contributions to the library are welcome, but we ask that you please follow these guidelines:")]),e._v(" "),t("ul",[t("li",[e._v("Before opening a PR for major additions or changes, please discuss the expected API and/or implementation by "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/issues",target:"_blank",rel:"noopener noreferrer"}},[e._v("filing an issue"),t("OutboundLink")],1),e._v(" or asking about it in the "),t("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[e._v("Chart.js Discord"),t("OutboundLink")],1),e._v(" #dev channel. This will save you development time by getting feedback upfront and make reviews faster by giving the maintainers more context and details.")]),e._v(" "),t("li",[e._v("Consider whether your changes are useful for all users, or if creating a Chart.js "),t("RouterLink",{attrs:{to:"/developers/plugins.html"}},[e._v("plugin")]),e._v(" would be more appropriate.")],1),e._v(" "),t("li",[e._v("Check that your code will pass tests and "),t("code",[e._v("eslint")]),e._v(" code standards. "),t("code",[e._v("pnpm test")]),e._v(" will run both the linter and tests for you.")]),e._v(" "),t("li",[e._v("Add unit tests and document new functionality (in the "),t("code",[e._v("test/")]),e._v(" and "),t("code",[e._v("docs/")]),e._v(" directories respectively).")]),e._v(" "),t("li",[e._v("Avoid breaking changes unless there is an upcoming major release, which is infrequent. We encourage people to write plugins for the most new advanced features, and care a lot about backward compatibility.")]),e._v(" "),t("li",[e._v("We strongly prefer new methods to be added as private whenever possible. A method can be made private either by making a top-level "),t("code",[e._v("function")]),e._v(" outside of a class or by prefixing it with "),t("code",[e._v("_")]),e._v(" and adding "),t("code",[e._v("@private")]),e._v(" JSDoc if inside a class. Public APIs take considerable time to review and become locked once implemented as we have limited ability to change them without breaking backward compatibility. Private APIs allow the flexibility to address unforeseen cases.")])]),e._v(" "),t("h2",{attrs:{id:"joining-the-project"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#joining-the-project"}},[e._v("#")]),e._v(" Joining the project")]),e._v(" "),t("p",[e._v("Active committers and contributors are invited to introduce themselves and request commit access to this project. We have a very active Discord community that you can join "),t("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[e._v("here"),t("OutboundLink")],1),e._v(". If you think you can help, we'd love to have you!")]),e._v(" "),t("h2",{attrs:{id:"building-and-testing"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#building-and-testing"}},[e._v("#")]),e._v(" Building and Testing")]),e._v(" "),t("p",[e._v("Firstly, we need to ensure development dependencies are installed. With node and pnpm installed, after cloning the Chart.js repo to a local directory, and navigating to that directory in the command line, we can run the following:")]),e._v(" "),t("div",{staticClass:"language-bash extra-class"},[t("pre",{pre:!0,attrs:{class:"language-bash"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("install")]),e._v("\n")])])]),t("p",[e._v("This will install the local development dependencies for Chart.js.")]),e._v(" "),t("p",[e._v("The following commands are now available from the repository root:")]),e._v(" "),t("div",{staticClass:"language-bash extra-class"},[t("pre",{pre:!0,attrs:{class:"language-bash"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run build // build dist files "),t("span",{pre:!0,attrs:{class:"token keyword"}},[e._v("in")]),e._v(" ./dist\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run autobuild // build and "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("watch")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[e._v("for")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("source")]),e._v(" changes\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run dev // run tests and "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("watch")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[e._v("for")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("source")]),e._v(" and "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("test")]),e._v(" changes\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run lint // perform code linting "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v("(")]),e._v("ESLint, tsc"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v(")")]),e._v("\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token builtin class-name"}},[e._v("test")]),e._v(" // perform code linting and run unit tests with coverage\n")])])]),t("p",[t("code",[e._v("pnpm run dev")]),e._v(" and "),t("code",[e._v("pnpm test")]),e._v(" can be appended with a string that is used to match the spec filenames. For example: "),t("code",[e._v("pnpm run dev plugins")]),e._v(" will start karma in watch mode for "),t("code",[e._v("test/specs/**/*plugin*.js")]),e._v(".")]),e._v(" "),t("h3",{attrs:{id:"documentation"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#documentation"}},[e._v("#")]),e._v(" Documentation")]),e._v(" "),t("p",[e._v("We use "),t("a",{attrs:{href:"https://vuepress.vuejs.org/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vuepress"),t("OutboundLink")],1),e._v(" to manage the docs which are contained as Markdown files in the docs directory. You can run the doc server locally using these commands:")]),e._v(" "),t("div",{staticClass:"language-bash extra-class"},[t("pre",{pre:!0,attrs:{class:"language-bash"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(">")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[e._v("pnpm")]),e._v(" run docs:dev\n")])])]),t("h3",{attrs:{id:"image-based-tests"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#image-based-tests"}},[e._v("#")]),e._v(" Image-Based Tests")]),e._v(" "),t("p",[e._v("Some display-related functionality is difficult to test via typical Jasmine units. For this reason, we introduced image-based tests ("),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/pull/3988",target:"_blank",rel:"noopener noreferrer"}},[e._v("#3988"),t("OutboundLink")],1),e._v(" and "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/pull/5777",target:"_blank",rel:"noopener noreferrer"}},[e._v("#5777"),t("OutboundLink")],1),e._v(") to assert that a chart is drawn pixel-for-pixel matching an expected image.")]),e._v(" "),t("p",[e._v("Generated charts in image-based tests should be "),t("strong",[e._v("as minimal as possible")]),e._v(" and focus only on the tested feature to prevent failure if another feature breaks (e.g. disable the title and legend when testing scales).")]),e._v(" "),t("p",[e._v("You can create a new image-based test by following the steps below:")]),e._v(" "),t("ul",[t("li",[e._v("Create a JS file ("),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/f7b671006a86201808402c3b6fe2054fe834fd4a/test/fixtures/controller.bubble/radius-scriptable.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("example"),t("OutboundLink")],1),e._v(") or JSON file ("),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4b421a50bfa17f73ac7aa8db7d077e674dbc148d/test/fixtures/plugin.filler/fill-line-dataset.json",target:"_blank",rel:"noopener noreferrer"}},[e._v("example"),t("OutboundLink")],1),e._v(") that defines chart config and generation options.")]),e._v(" "),t("li",[e._v("Add this file in "),t("code",[e._v("test/fixtures/{spec.name}/{feature-name}.json")]),e._v(".")]),e._v(" "),t("li",[e._v("Add a "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4b421a50bfa17f73ac7aa8db7d077e674dbc148d/test/specs/plugin.filler.tests.js#L10",target:"_blank",rel:"noopener noreferrer"}},[e._v("describe line"),t("OutboundLink")],1),e._v(" to the beginning of "),t("code",[e._v("test/specs/{spec.name}.tests.js")]),e._v(" if it doesn't exist yet.")]),e._v(" "),t("li",[e._v("Run "),t("code",[e._v("pnpm run dev")]),e._v(".")]),e._v(" "),t("li",[e._v("Click the "),t("em",[e._v('"Debug"')]),e._v(" button (top/right): a test should fail with the associated canvas visible.")]),e._v(" "),t("li",[e._v("Right-click on the chart and "),t("em",[e._v('"Save image as..."')]),e._v(" "),t("code",[e._v("test/fixtures/{spec.name}/{feature-name}.png")]),e._v(" making sure not to activate the tooltip or any hover functionality")]),e._v(" "),t("li",[e._v("Refresh the browser page ("),t("code",[e._v("CTRL+R")]),e._v("): test should now pass")]),e._v(" "),t("li",[e._v("Verify test relevancy by changing the feature values "),t("em",[e._v("slightly")]),e._v(" in the JSON file.")])]),e._v(" "),t("p",[e._v("Tests should pass in both browsers. In general, we've hidden all text in image tests since it's quite difficult to get them to pass between different browsers. As a result, it is recommended to hide all scales in image-based tests. It is also recommended to disable animations. If tests still do not pass, adjust "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/1ca0ffb5d5b6c2072176fd36fa85a58c483aa434/test/jasmine.matchers.js",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("tolerance")]),e._v(" and/or "),t("code",[e._v("threshold")]),t("OutboundLink")],1),e._v(" at the beginning of the JSON file keeping them "),t("strong",[e._v("as low as possible")]),e._v(".")]),e._v(" "),t("p",[e._v("When a test fails, the expected and actual images are shown. If you'd like to see the images even when the tests pass, set "),t("code",[e._v('"debug": true')]),e._v(" in the JSON file.")]),e._v(" "),t("h2",{attrs:{id:"bugs-and-issues"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bugs-and-issues"}},[e._v("#")]),e._v(" Bugs and Issues")]),e._v(" "),t("p",[e._v("Please report these on the GitHub page - at "),t("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank"}},[e._v("github.com/chartjs/Chart.js")]),e._v(". Please do not use issues for support requests. For help using Chart.js, please take a look at the "),t("a",{attrs:{href:"https://stackoverflow.com/questions/tagged/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t("code",[e._v("chart.js")]),t("OutboundLink")],1),e._v(" tag on Stack Overflow.")]),e._v(" "),t("p",[e._v("Well-structured, detailed bug reports are hugely valuable for the project.")]),e._v(" "),t("p",[e._v("Guidelines for reporting bugs:")]),e._v(" "),t("ul",[t("li",[e._v("Check the issue search to see if it has already been reported")]),e._v(" "),t("li",[e._v("Isolate the problem to a simple test case")]),e._v(" "),t("li",[e._v("Please include a demonstration of the bug on a website such as "),t("a",{attrs:{href:"https://jsbin.com/",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Bin"),t("OutboundLink")],1),e._v(", "),t("a",{attrs:{href:"https://jsfiddle.net/",target:"_blank",rel:"noopener noreferrer"}},[e._v("JS Fiddle"),t("OutboundLink")],1),e._v(", or "),t("a",{attrs:{href:"https://codepen.io/pen/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Codepen"),t("OutboundLink")],1),e._v(". ("),t("a",{attrs:{href:"https://codepen.io/pen?template=wvezeOq",target:"_blank",rel:"noopener noreferrer"}},[e._v("Template"),t("OutboundLink")],1),e._v("). If filing a bug against "),t("code",[e._v("master")]),e._v(", you may reference the latest code via "),t("a",{attrs:{href:"https://www.chartjs.org/dist/master/chart.umd.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/dist/master/chart.umd.js"),t("OutboundLink")],1),e._v(" (changing the filename to point at the file you need as appropriate). Do not rely on these files for production purposes as they may be removed at any time.")])]),e._v(" "),t("p",[e._v("Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.")])])}),[],!1,null,null,null);t.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/174.55a863cb.js b/docs/master/assets/js/174.5a3bc3f1.js similarity index 98% rename from docs/master/assets/js/174.55a863cb.js rename to docs/master/assets/js/174.5a3bc3f1.js index a6bccd9f11..6f542444ed 100644 --- a/docs/master/assets/js/174.55a863cb.js +++ b/docs/master/assets/js/174.5a3bc3f1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[174],{508:function(e,r,t){"use strict";t.r(r);var s=t(3),a=Object(s.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"developers"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#developers"}},[e._v("#")]),e._v(" Developers")]),e._v(" "),r("p",[e._v("Developer features allow extending and enhancing Chart.js in many different ways.")]),e._v(" "),r("h2",{attrs:{id:"latest-resources"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#latest-resources"}},[e._v("#")]),e._v(" Latest resources")]),e._v(" "),r("p",[e._v("The latest documentation and samples, including unreleased features, are available at:")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.chartjs.org/docs/master/",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/docs/master/"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.chartjs.org/samples/master/",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/samples/master/"),r("OutboundLink")],1)])]),e._v(" "),r("h2",{attrs:{id:"development-releases"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#development-releases"}},[e._v("#")]),e._v(" Development releases")]),e._v(" "),r("p",[e._v("Latest builds are available for testing at:")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.chartjs.org/dist/master/chart.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/dist/master/chart.js"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.chartjs.org/dist/master/chart.min.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/dist/master/chart.min.js"),r("OutboundLink")],1)])]),e._v(" "),r("div",{staticClass:"custom-block warning"},[r("p",{staticClass:"custom-block-title"},[e._v("Warning")]),e._v(" "),r("p",[e._v("Development builds "),r("strong",[e._v("must not")]),e._v(" be used for production purposes or as replacement for a CDN. See "),r("RouterLink",{attrs:{to:"/getting-started/installation.html#cdn"}},[e._v("available CDNs")]),e._v(".")],1)]),e._v(" "),r("h2",{attrs:{id:"browser-support"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#browser-support"}},[e._v("#")]),e._v(" Browser support")]),e._v(" "),r("p",[e._v("All modern and up-to-date browsers are supported, including, but not limited to:")]),e._v(" "),r("ul",[r("li",[e._v("Chrome")]),e._v(" "),r("li",[e._v("Edge")]),e._v(" "),r("li",[e._v("Firefox")]),e._v(" "),r("li",[e._v("Safari")])]),e._v(" "),r("p",[e._v("As of version 3, we have dropped Internet Explorer 11 support.")]),e._v(" "),r("p",[e._v("Browser support for the canvas element is available in all modern & major mobile browsers. "),r("a",{attrs:{href:"https://caniuse.com/#feat=canvas",target:"_blank",rel:"noopener noreferrer"}},[e._v("CanIUse"),r("OutboundLink")],1)]),e._v(" "),r("p",[e._v("Run "),r("code",[e._v("npx browserslist")]),e._v(" at the root of the "),r("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("codebase"),r("OutboundLink")],1),e._v(" to get a list of supported browsers.")]),e._v(" "),r("p",[e._v("Thanks to "),r("a",{attrs:{href:"https://browserstack.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("BrowserStack"),r("OutboundLink")],1),e._v(" for allowing our team to test on thousands of browsers.")]),e._v(" "),r("h2",{attrs:{id:"previous-versions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#previous-versions"}},[e._v("#")]),e._v(" Previous versions")]),e._v(" "),r("p",[e._v("To migrate from version 2 to version 3, please see "),r("a",{attrs:{href:"../getting-started/v3-migration"}},[e._v("the v3 migration guide")]),e._v(".")]),e._v(" "),r("p",[e._v("Version 3 has a largely different API than earlier versions.")]),e._v(" "),r("p",[e._v("Most earlier version options have current equivalents or are the same.")]),e._v(" "),r("p",[e._v("Please note - documentation for previous versions is available online or in the GitHub repo.")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.chartjs.org/docs/2.9.4/",target:"_blank",rel:"noopener noreferrer"}},[e._v("2.9.4 Documentation"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/tree/v1.1.1/docs",target:"_blank",rel:"noopener noreferrer"}},[e._v("1.x Documentation"),r("OutboundLink")],1)])])])}),[],!1,null,null,null);r.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[174],{506:function(e,r,t){"use strict";t.r(r);var s=t(3),a=Object(s.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"developers"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#developers"}},[e._v("#")]),e._v(" Developers")]),e._v(" "),r("p",[e._v("Developer features allow extending and enhancing Chart.js in many different ways.")]),e._v(" "),r("h2",{attrs:{id:"latest-resources"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#latest-resources"}},[e._v("#")]),e._v(" Latest resources")]),e._v(" "),r("p",[e._v("The latest documentation and samples, including unreleased features, are available at:")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.chartjs.org/docs/master/",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/docs/master/"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.chartjs.org/samples/master/",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/samples/master/"),r("OutboundLink")],1)])]),e._v(" "),r("h2",{attrs:{id:"development-releases"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#development-releases"}},[e._v("#")]),e._v(" Development releases")]),e._v(" "),r("p",[e._v("Latest builds are available for testing at:")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.chartjs.org/dist/master/chart.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/dist/master/chart.js"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://www.chartjs.org/dist/master/chart.min.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.chartjs.org/dist/master/chart.min.js"),r("OutboundLink")],1)])]),e._v(" "),r("div",{staticClass:"custom-block warning"},[r("p",{staticClass:"custom-block-title"},[e._v("Warning")]),e._v(" "),r("p",[e._v("Development builds "),r("strong",[e._v("must not")]),e._v(" be used for production purposes or as replacement for a CDN. See "),r("RouterLink",{attrs:{to:"/getting-started/installation.html#cdn"}},[e._v("available CDNs")]),e._v(".")],1)]),e._v(" "),r("h2",{attrs:{id:"browser-support"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#browser-support"}},[e._v("#")]),e._v(" Browser support")]),e._v(" "),r("p",[e._v("All modern and up-to-date browsers are supported, including, but not limited to:")]),e._v(" "),r("ul",[r("li",[e._v("Chrome")]),e._v(" "),r("li",[e._v("Edge")]),e._v(" "),r("li",[e._v("Firefox")]),e._v(" "),r("li",[e._v("Safari")])]),e._v(" "),r("p",[e._v("As of version 3, we have dropped Internet Explorer 11 support.")]),e._v(" "),r("p",[e._v("Browser support for the canvas element is available in all modern & major mobile browsers. "),r("a",{attrs:{href:"https://caniuse.com/#feat=canvas",target:"_blank",rel:"noopener noreferrer"}},[e._v("CanIUse"),r("OutboundLink")],1)]),e._v(" "),r("p",[e._v("Run "),r("code",[e._v("npx browserslist")]),e._v(" at the root of the "),r("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[e._v("codebase"),r("OutboundLink")],1),e._v(" to get a list of supported browsers.")]),e._v(" "),r("p",[e._v("Thanks to "),r("a",{attrs:{href:"https://browserstack.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("BrowserStack"),r("OutboundLink")],1),e._v(" for allowing our team to test on thousands of browsers.")]),e._v(" "),r("h2",{attrs:{id:"previous-versions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#previous-versions"}},[e._v("#")]),e._v(" Previous versions")]),e._v(" "),r("p",[e._v("To migrate from version 2 to version 3, please see "),r("a",{attrs:{href:"../getting-started/v3-migration"}},[e._v("the v3 migration guide")]),e._v(".")]),e._v(" "),r("p",[e._v("Version 3 has a largely different API than earlier versions.")]),e._v(" "),r("p",[e._v("Most earlier version options have current equivalents or are the same.")]),e._v(" "),r("p",[e._v("Please note - documentation for previous versions is available online or in the GitHub repo.")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://www.chartjs.org/docs/2.9.4/",target:"_blank",rel:"noopener noreferrer"}},[e._v("2.9.4 Documentation"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/tree/v1.1.1/docs",target:"_blank",rel:"noopener noreferrer"}},[e._v("1.x Documentation"),r("OutboundLink")],1)])])])}),[],!1,null,null,null);r.default=a.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/175.03a6be80.js b/docs/master/assets/js/175.95eb7ffb.js similarity index 98% rename from docs/master/assets/js/175.03a6be80.js rename to docs/master/assets/js/175.95eb7ffb.js index 75a09ae767..588c6fd5fe 100644 --- a/docs/master/assets/js/175.03a6be80.js +++ b/docs/master/assets/js/175.95eb7ffb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[175],{507:function(t,e,a){"use strict";a.r(e);var s=a(3),r=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"publishing-an-extension"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#publishing-an-extension"}},[t._v("#")]),t._v(" Publishing an extension")]),t._v(" "),e("p",[t._v("If you are planning on publishing an extension for Chart.js, here are some pointers.")]),t._v(" "),e("h2",{attrs:{id:"awesome"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#awesome"}},[t._v("#")]),t._v(" Awesome")]),t._v(" "),e("p",[t._v("You'd probably want your extension to be listed in the "),e("a",{attrs:{href:"https://github.com/chartjs/awesome",target:"_blank",rel:"noopener noreferrer"}},[t._v("awesome"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("p",[t._v("Note the minimum extension age requirement of 30 days.")]),t._v(" "),e("h2",{attrs:{id:"esm"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#esm"}},[t._v("#")]),t._v(" ESM")]),t._v(" "),e("p",[t._v("If you are utilizing ESM, you probably still want to publish a UMD bundle of your extension. Because Chart.js v3 is tree shakeable, the interface is a bit different.\nUMD package's global "),e("code",[t._v("Chart")]),t._v(" includes everything, while ESM package exports all the things separately.\nFortunately, most of the exports can be mapped automatically by the bundlers.")]),t._v(" "),e("p",[t._v("But not the helpers.")]),t._v(" "),e("p",[t._v("In UMD, helpers are available through "),e("code",[t._v("Chart.helpers")]),t._v(". In ESM, they are imported from "),e("code",[t._v("chart.js/helpers")]),t._v(".")]),t._v(" "),e("p",[t._v("For example "),e("code",[t._v("import {isNullOrUndef} from 'chart.js/helpers'")]),t._v(" is available at "),e("code",[t._v("Chart.helpers.isNullOrUndef")]),t._v(" for UMD.")]),t._v(" "),e("h3",{attrs:{id:"rollup"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rollup"}},[t._v("#")]),t._v(" Rollup")]),t._v(" "),e("p",[e("code",[t._v("output.globals")]),t._v(" can be used to convert the helpers.")]),t._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[t._v("module"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("exports "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("output")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("globals")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'chart.js'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Chart'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'chart.js/helpers'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Chart.helpers'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[175],{508:function(t,e,a){"use strict";a.r(e);var s=a(3),r=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"publishing-an-extension"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#publishing-an-extension"}},[t._v("#")]),t._v(" Publishing an extension")]),t._v(" "),e("p",[t._v("If you are planning on publishing an extension for Chart.js, here are some pointers.")]),t._v(" "),e("h2",{attrs:{id:"awesome"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#awesome"}},[t._v("#")]),t._v(" Awesome")]),t._v(" "),e("p",[t._v("You'd probably want your extension to be listed in the "),e("a",{attrs:{href:"https://github.com/chartjs/awesome",target:"_blank",rel:"noopener noreferrer"}},[t._v("awesome"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("p",[t._v("Note the minimum extension age requirement of 30 days.")]),t._v(" "),e("h2",{attrs:{id:"esm"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#esm"}},[t._v("#")]),t._v(" ESM")]),t._v(" "),e("p",[t._v("If you are utilizing ESM, you probably still want to publish a UMD bundle of your extension. Because Chart.js v3 is tree shakeable, the interface is a bit different.\nUMD package's global "),e("code",[t._v("Chart")]),t._v(" includes everything, while ESM package exports all the things separately.\nFortunately, most of the exports can be mapped automatically by the bundlers.")]),t._v(" "),e("p",[t._v("But not the helpers.")]),t._v(" "),e("p",[t._v("In UMD, helpers are available through "),e("code",[t._v("Chart.helpers")]),t._v(". In ESM, they are imported from "),e("code",[t._v("chart.js/helpers")]),t._v(".")]),t._v(" "),e("p",[t._v("For example "),e("code",[t._v("import {isNullOrUndef} from 'chart.js/helpers'")]),t._v(" is available at "),e("code",[t._v("Chart.helpers.isNullOrUndef")]),t._v(" for UMD.")]),t._v(" "),e("h3",{attrs:{id:"rollup"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#rollup"}},[t._v("#")]),t._v(" Rollup")]),t._v(" "),e("p",[e("code",[t._v("output.globals")]),t._v(" can be used to convert the helpers.")]),t._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[t._v("module"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("exports "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("output")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("globals")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'chart.js'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Chart'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v("'chart.js/helpers'")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Chart.helpers'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);e.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/176.b78305e8.js b/docs/master/assets/js/176.fac0280b.js similarity index 99% rename from docs/master/assets/js/176.b78305e8.js rename to docs/master/assets/js/176.fac0280b.js index 28b6960499..b8b6112662 100644 --- a/docs/master/assets/js/176.b78305e8.js +++ b/docs/master/assets/js/176.fac0280b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[176],{510:function(t,a,s){"use strict";s.r(a);var n=s(3),p=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"updating-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#updating-charts"}},[t._v("#")]),t._v(" Updating Charts")]),t._v(" "),a("p",[t._v("It's pretty common to want to update charts after they've been created. When the chart data or options are changed, Chart.js will animate to the new data values and options.")]),t._v(" "),a("h2",{attrs:{id:"adding-or-removing-data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#adding-or-removing-data"}},[t._v("#")]),t._v(" Adding or Removing Data")]),t._v(" "),a("p",[t._v("Adding and removing data is supported by changing the data array. To add data, just add data into the data array as seen in this example, to remove it you can pop it again.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addData")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newData")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labels"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("label"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("dataset")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n dataset"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("removeData")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labels"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("pop")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("dataset")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n dataset"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("pop")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"updating-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#updating-options"}},[t._v("#")]),t._v(" Updating Options")]),t._v(" "),a("p",[t._v("To update the options, mutating the "),a("code",[t._v("options")]),t._v(" property in place or passing in a new options object are supported.")]),t._v(" "),a("ul",[a("li",[t._v("If the options are mutated in place, other option properties would be preserved, including those calculated by Chart.js.")]),t._v(" "),a("li",[t._v("If created as a new object, it would be like creating a new chart with the options - old options would be discarded.")])]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateConfigByMutating")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("plugins"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("title"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("text "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'new title'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateConfigAsNewObject")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("responsive")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Chart.js'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("Scales can be updated separately without changing other options.\nTo update the scales, pass in an object containing all the customization including those unchanged ones.")]),t._v(" "),a("p",[t._v("Variables referencing any one from "),a("code",[t._v("chart.scales")]),t._v(" would be lost after updating scales with a new "),a("code",[t._v("id")]),t._v(" or the changed "),a("code",[t._v("type")]),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateScales")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" xScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" yScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("newId")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// need to update the reference")]),t._v("\n xScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("newId"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n yScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("You can update a specific scale by its id as well.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateScale")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("Code sample for updating options can be found in "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/samples/area/line-datasets.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("line-datasets.html"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"preventing-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#preventing-animations"}},[t._v("#")]),t._v(" Preventing Animations")]),t._v(" "),a("p",[t._v("Sometimes when a chart updates, you may not want an animation. To achieve this you can call "),a("code",[t._v("update")]),t._v(" with "),a("code",[t._v("'none'")]),t._v(" as mode.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'none'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=p.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[176],{509:function(t,a,s){"use strict";s.r(a);var n=s(3),p=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"updating-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#updating-charts"}},[t._v("#")]),t._v(" Updating Charts")]),t._v(" "),a("p",[t._v("It's pretty common to want to update charts after they've been created. When the chart data or options are changed, Chart.js will animate to the new data values and options.")]),t._v(" "),a("h2",{attrs:{id:"adding-or-removing-data"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#adding-or-removing-data"}},[t._v("#")]),t._v(" Adding or Removing Data")]),t._v(" "),a("p",[t._v("Adding and removing data is supported by changing the data array. To add data, just add data into the data array as seen in this example, to remove it you can pop it again.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("addData")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" label"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" newData")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labels"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("label"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("dataset")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n dataset"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newData"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("removeData")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("labels"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("pop")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("datasets"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("forEach")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("dataset")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n dataset"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("pop")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"updating-options"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#updating-options"}},[t._v("#")]),t._v(" Updating Options")]),t._v(" "),a("p",[t._v("To update the options, mutating the "),a("code",[t._v("options")]),t._v(" property in place or passing in a new options object are supported.")]),t._v(" "),a("ul",[a("li",[t._v("If the options are mutated in place, other option properties would be preserved, including those calculated by Chart.js.")]),t._v(" "),a("li",[t._v("If created as a new object, it would be like creating a new chart with the options - old options would be discarded.")])]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateConfigByMutating")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("plugins"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("title"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("text "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'new title'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateConfigAsNewObject")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("responsive")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("plugins")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("title")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("text")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'Chart.js'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("Scales can be updated separately without changing other options.\nTo update the scales, pass in an object containing all the customization including those unchanged ones.")]),t._v(" "),a("p",[t._v("Variables referencing any one from "),a("code",[t._v("chart.scales")]),t._v(" would be lost after updating scales with a new "),a("code",[t._v("id")]),t._v(" or the changed "),a("code",[t._v("type")]),t._v(".")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateScales")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" xScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" yScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("newId")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("display")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// need to update the reference")]),t._v("\n xScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("newId"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n yScale "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("You can update a specific scale by its id as well.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("updateScale")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'logarithmic'")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("p",[t._v("Code sample for updating options can be found in "),a("a",{attrs:{href:"https://www.chartjs.org/docs/latest/samples/area/line-datasets.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("line-datasets.html"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"preventing-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#preventing-animations"}},[t._v("#")]),t._v(" Preventing Animations")]),t._v(" "),a("p",[t._v("Sometimes when a chart updates, you may not want an animation. To achieve this you can call "),a("code",[t._v("update")]),t._v(" with "),a("code",[t._v("'none'")]),t._v(" as mode.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[t._v("myChart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("update")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'none'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=p.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/177.50ce93c5.js b/docs/master/assets/js/177.220811c5.js similarity index 99% rename from docs/master/assets/js/177.50ce93c5.js rename to docs/master/assets/js/177.220811c5.js index 79739968a3..f04bd2b90f 100644 --- a/docs/master/assets/js/177.50ce93c5.js +++ b/docs/master/assets/js/177.220811c5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[177],{511:function(t,a,s){"use strict";s.r(a);var n=s(3),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"accessibility"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#accessibility"}},[t._v("#")]),t._v(" Accessibility")]),t._v(" "),a("p",[t._v("Chart.js charts are rendered on user provided "),a("code",[t._v("canvas")]),t._v(" elements. Thus, it is up to the user to create the "),a("code",[t._v("canvas")]),t._v(" element in a way that is accessible. The "),a("code",[t._v("canvas")]),t._v(" element has support in all browsers and will render on screen but the "),a("code",[t._v("canvas")]),t._v(" content will not be accessible to screen readers.")]),t._v(" "),a("p",[t._v("With "),a("code",[t._v("canvas")]),t._v(", the accessibility has to be added with ARIA attributes on the "),a("code",[t._v("canvas")]),t._v(" element or added using internal fallback content placed within the opening and closing canvas tags.")]),t._v(" "),a("p",[t._v("This "),a("a",{attrs:{href:"http://pauljadam.com/demos/canvas.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("website"),a("OutboundLink")],1),t._v(" has a more detailed explanation of "),a("code",[t._v("canvas")]),t._v(" accessibility as well as in depth examples.")]),t._v(" "),a("h2",{attrs:{id:"examples"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#examples"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),a("p",[t._v("These are some examples of "),a("strong",[t._v("accessible")]),t._v(" "),a("code",[t._v("canvas")]),t._v(" elements.")]),t._v(" "),a("p",[t._v("By setting the "),a("code",[t._v("role")]),t._v(" and "),a("code",[t._v("aria-label")]),t._v(", this "),a("code",[t._v("canvas")]),t._v(" now has an accessible name.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("goodCanvas1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("aria-label")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Hello ARIA World"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("role")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("img"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("This "),a("code",[t._v("canvas")]),t._v(" element has a text alternative via fallback content.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("okCanvas2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Hello Fallback World"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("These are some bad examples of "),a("strong",[t._v("inaccessible")]),t._v(" "),a("code",[t._v("canvas")]),t._v(" elements.")]),t._v(" "),a("p",[t._v("This "),a("code",[t._v("canvas")]),t._v(" element does not have an accessible name or role.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("badCanvas1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("This "),a("code",[t._v("canvas")]),t._v(" element has inaccessible fallback content.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("badCanvas2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Your browser does not support the canvas element."),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[177],{510:function(t,a,s){"use strict";s.r(a);var n=s(3),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"accessibility"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#accessibility"}},[t._v("#")]),t._v(" Accessibility")]),t._v(" "),a("p",[t._v("Chart.js charts are rendered on user provided "),a("code",[t._v("canvas")]),t._v(" elements. Thus, it is up to the user to create the "),a("code",[t._v("canvas")]),t._v(" element in a way that is accessible. The "),a("code",[t._v("canvas")]),t._v(" element has support in all browsers and will render on screen but the "),a("code",[t._v("canvas")]),t._v(" content will not be accessible to screen readers.")]),t._v(" "),a("p",[t._v("With "),a("code",[t._v("canvas")]),t._v(", the accessibility has to be added with ARIA attributes on the "),a("code",[t._v("canvas")]),t._v(" element or added using internal fallback content placed within the opening and closing canvas tags.")]),t._v(" "),a("p",[t._v("This "),a("a",{attrs:{href:"http://pauljadam.com/demos/canvas.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("website"),a("OutboundLink")],1),t._v(" has a more detailed explanation of "),a("code",[t._v("canvas")]),t._v(" accessibility as well as in depth examples.")]),t._v(" "),a("h2",{attrs:{id:"examples"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#examples"}},[t._v("#")]),t._v(" Examples")]),t._v(" "),a("p",[t._v("These are some examples of "),a("strong",[t._v("accessible")]),t._v(" "),a("code",[t._v("canvas")]),t._v(" elements.")]),t._v(" "),a("p",[t._v("By setting the "),a("code",[t._v("role")]),t._v(" and "),a("code",[t._v("aria-label")]),t._v(", this "),a("code",[t._v("canvas")]),t._v(" now has an accessible name.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("goodCanvas1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("aria-label")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("Hello ARIA World"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("role")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("img"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("This "),a("code",[t._v("canvas")]),t._v(" element has a text alternative via fallback content.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("okCanvas2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Hello Fallback World"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("These are some bad examples of "),a("strong",[t._v("inaccessible")]),t._v(" "),a("code",[t._v("canvas")]),t._v(" elements.")]),t._v(" "),a("p",[t._v("This "),a("code",[t._v("canvas")]),t._v(" element does not have an accessible name or role.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("badCanvas1"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("p",[t._v("This "),a("code",[t._v("canvas")]),t._v(" element has inaccessible fallback content.")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("badCanvas2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("400"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("height")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("100"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Your browser does not support the canvas element."),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/18.0f4f534d.js b/docs/master/assets/js/18.7ce88750.js similarity index 97% rename from docs/master/assets/js/18.0f4f534d.js rename to docs/master/assets/js/18.7ce88750.js index e34d8f1012..7ed794c45e 100644 --- a/docs/master/assets/js/18.0f4f534d.js +++ b/docs/master/assets/js/18.7ce88750.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{351:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-basicplatform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-basicplatform"}},[t._v("#")]),t._v(" Class: BasicPlatform")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[e("code",[t._v("BasePlatform")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BasicPlatform")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new BasicPlatform")]),t._v("()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#constructor"}},[t._v("constructor")])],1),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"acquirecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#acquirecontext"}},[t._v("#")]),t._v(" acquireContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("acquireContext")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("p",[t._v("Called at chart construction time, returns a context2d instance implementing\nthe [W3C Canvas 2D Context API standard]"),e("a",{attrs:{href:"https://www.w3.org/TR/2dcontext/",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.w3.org/TR/2dcontext/"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas from which to acquire context (platform specific)")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2DSettings")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart options")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#acquirecontext"}},[t._v("acquireContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addeventlistener"}},[t._v("#")]),t._v(" addEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Registers the specified listener on the given chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to listen for event")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to listen for")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Receives a notification (an object that implements the "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(" interface) when an event of the specified type occurs.")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#addeventlistener"}},[t._v("addEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2175",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2175"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdevicepixelratio"}},[t._v("#")]),t._v(" getDevicePixelRatio")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDevicePixelRatio")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("the current devicePixelRatio of the device this platform is connected to.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getdevicepixelratio"}},[t._v("getDevicePixelRatio")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2186",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2186"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaximumsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaximumsize"}},[t._v("#")]),t._v(" getMaximumSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMaximumSize")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v(", "),e("code",[t._v("aspectRatio?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas for which to calculate the maximum size")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content width")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content height")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("aspectRatio?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The aspect ratio to maintain")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("p",[t._v("the maximum size available.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getmaximumsize"}},[t._v("getMaximumSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2194",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2194"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isattached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isattached"}},[t._v("#")]),t._v(" isAttached")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isAttached")]),t._v("("),e("code",[t._v("canvas")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the canvas is attached to the platform, false if not.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#isattached"}},[t._v("isAttached")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2199",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2199"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"releasecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#releasecontext"}},[t._v("#")]),t._v(" releaseContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("releaseContext")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Called at chart destruction time, releases any resources associated to the context\npreviously returned by the acquireContext() method.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The context2d instance")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the method succeeded, else false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#releasecontext"}},[t._v("releaseContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2167",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2167"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removeeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removeeventlistener"}},[t._v("#")]),t._v(" removeEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Removes the specified listener previously registered with addEventListener.")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to remove the listener")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to remove")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The listener function to remove from the event target.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#removeeventlistener"}},[t._v("removeEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2182",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2182"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateconfig"}},[t._v("#")]),t._v(" updateConfig")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateConfig")]),t._v("("),e("code",[t._v("config")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Updates config with platform specific requirements")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#updateconfig"}},[t._v("updateConfig")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2204",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2204"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{350:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-basicplatform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-basicplatform"}},[t._v("#")]),t._v(" Class: BasicPlatform")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[e("code",[t._v("BasePlatform")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BasicPlatform")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new BasicPlatform")]),t._v("()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#constructor"}},[t._v("constructor")])],1),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"acquirecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#acquirecontext"}},[t._v("#")]),t._v(" acquireContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("acquireContext")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("p",[t._v("Called at chart construction time, returns a context2d instance implementing\nthe [W3C Canvas 2D Context API standard]"),e("a",{attrs:{href:"https://www.w3.org/TR/2dcontext/",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.w3.org/TR/2dcontext/"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas from which to acquire context (platform specific)")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2DSettings")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart options")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#acquirecontext"}},[t._v("acquireContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addeventlistener"}},[t._v("#")]),t._v(" addEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Registers the specified listener on the given chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to listen for event")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to listen for")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Receives a notification (an object that implements the "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(" interface) when an event of the specified type occurs.")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#addeventlistener"}},[t._v("addEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2175",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2175"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdevicepixelratio"}},[t._v("#")]),t._v(" getDevicePixelRatio")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDevicePixelRatio")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("the current devicePixelRatio of the device this platform is connected to.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getdevicepixelratio"}},[t._v("getDevicePixelRatio")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2186",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2186"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaximumsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaximumsize"}},[t._v("#")]),t._v(" getMaximumSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMaximumSize")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v(", "),e("code",[t._v("aspectRatio?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas for which to calculate the maximum size")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content width")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content height")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("aspectRatio?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The aspect ratio to maintain")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("p",[t._v("the maximum size available.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getmaximumsize"}},[t._v("getMaximumSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2194",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2194"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isattached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isattached"}},[t._v("#")]),t._v(" isAttached")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isAttached")]),t._v("("),e("code",[t._v("canvas")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the canvas is attached to the platform, false if not.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#isattached"}},[t._v("isAttached")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2199",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2199"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"releasecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#releasecontext"}},[t._v("#")]),t._v(" releaseContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("releaseContext")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Called at chart destruction time, releases any resources associated to the context\npreviously returned by the acquireContext() method.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The context2d instance")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the method succeeded, else false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#releasecontext"}},[t._v("releaseContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2167",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2167"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removeeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removeeventlistener"}},[t._v("#")]),t._v(" removeEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Removes the specified listener previously registered with addEventListener.")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to remove the listener")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to remove")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The listener function to remove from the event target.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#removeeventlistener"}},[t._v("removeEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2182",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2182"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateconfig"}},[t._v("#")]),t._v(" updateConfig")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateConfig")]),t._v("("),e("code",[t._v("config")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Updates config with platform specific requirements")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#updateconfig"}},[t._v("updateConfig")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2204",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2204"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/180.649de464.js b/docs/master/assets/js/180.88ee62f7.js similarity index 99% rename from docs/master/assets/js/180.649de464.js rename to docs/master/assets/js/180.88ee62f7.js index 15ec8b8a81..8c85b71bb7 100644 --- a/docs/master/assets/js/180.649de464.js +++ b/docs/master/assets/js/180.88ee62f7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[180],{515:function(t,e,a){"use strict";a.r(e);var s=a(3),o=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"option-resolution"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-resolution"}},[t._v("#")]),t._v(" Option resolution")]),t._v(" "),e("p",[t._v("Options are resolved from top to bottom, using a context dependent route.")]),t._v(" "),e("h3",{attrs:{id:"chart-level-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-level-options"}},[t._v("#")]),t._v(" Chart level options")]),t._v(" "),e("ul",[e("li",[t._v("options")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults")])]),t._v(" "),e("h3",{attrs:{id:"dataset-level-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-level-options"}},[t._v("#")]),t._v(" Dataset level options")]),t._v(" "),e("p",[e("code",[t._v("dataset.type")]),t._v(" defaults to "),e("code",[t._v("config.type")]),t._v(", if not specified.")]),t._v(" "),e("ul",[e("li",[t._v("dataset")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("options")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults")])]),t._v(" "),e("h3",{attrs:{id:"dataset-animation-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-animation-options"}},[t._v("#")]),t._v(" Dataset animation options")]),t._v(" "),e("ul",[e("li",[t._v("dataset.animation")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("].animation")]),t._v(" "),e("li",[t._v("options.animation")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("].animation")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("].animation")]),t._v(" "),e("li",[t._v("defaults.animation")])]),t._v(" "),e("h3",{attrs:{id:"dataset-element-level-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-element-level-options"}},[t._v("#")]),t._v(" Dataset element level options")]),t._v(" "),e("p",[t._v("Each scope is looked up with "),e("code",[t._v("elementType")]),t._v(" prefix in the option name first, then without the prefix. For example, "),e("code",[t._v("radius")]),t._v(" for "),e("code",[t._v("point")]),t._v(" element is looked up using "),e("code",[t._v("pointRadius")]),t._v(" and if that does not hit, then "),e("code",[t._v("radius")]),t._v(".")]),t._v(" "),e("ul",[e("li",[t._v("dataset")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("].elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("options.elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("options")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("].elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("].elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults")])]),t._v(" "),e("h3",{attrs:{id:"scale-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-options"}},[t._v("#")]),t._v(" Scale options")]),t._v(" "),e("ul",[e("li",[t._v("options.scales")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].scales")]),t._v(" "),e("li",[t._v("defaults.scales")]),t._v(" "),e("li",[t._v("defaults.scale")])]),t._v(" "),e("h3",{attrs:{id:"plugin-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#plugin-options"}},[t._v("#")]),t._v(" Plugin options")]),t._v(" "),e("p",[t._v("A plugin can provide "),e("code",[t._v("additionalOptionScopes")]),t._v(" array of paths to additionally look for its options in. For root scope, use empty string: "),e("code",[t._v("''")]),t._v(". Most core plugins also take options from root scope.")]),t._v(" "),e("ul",[e("li",[t._v("options.plugins["),e("code",[t._v("plugin.id")]),t._v("]")]),t._v(" "),e("li",[t._v("(options.["),e("code",[t._v("...plugin.additionalOptionScopes")]),t._v("])")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].plugins["),e("code",[t._v("plugin.id")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.plugins["),e("code",[t._v("plugin.id")]),t._v("]")]),t._v(" "),e("li",[t._v("(defaults.["),e("code",[t._v("...plugin.additionalOptionScopes")]),t._v("])")])]),t._v(" "),e("h2",{attrs:{id:"scriptable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable-options"}},[t._v("#")]),t._v(" Scriptable Options")]),t._v(" "),e("p",[t._v("Scriptable options also accept a function which is called for each of the underlying data values and that takes the unique argument "),e("code",[t._v("context")]),t._v(" representing contextual information (see "),e("RouterLink",{attrs:{to:"/general/options.html#option-context"}},[t._v("option context")]),t._v(").\nA resolver is passed as second parameter, that can be used to access other options in the same context.")],1),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("context")]),t._v(" argument should be validated in the scriptable function, because the function can be invoked in different contexts. The "),e("code",[t._v("type")]),t._v(" field is a good candidate for this validation.")])]),t._v(" "),e("p",[t._v("Example:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("color")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" index "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataIndex"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" value "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataset"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" value "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// draw negative values in red")]),t._v("\n index "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'blue'")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// else, alternate values in blue and green")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'green'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("borderColor")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" color "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("color"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// resolve the value of another scriptable option: 'red', 'blue' or 'green'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("helpers"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("color")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("color"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("lighten")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.2")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"indexable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#indexable-options"}},[t._v("#")]),t._v(" Indexable Options")]),t._v(" "),e("p",[t._v("Indexable options also accept an array in which each item corresponds to the element at the same index. Note that if there are less items than data, the items are looped over. In many cases, using a "),e("a",{attrs:{href:"#scriptable-options"}},[t._v("function")]),t._v(" is more appropriate if supported.")]),t._v(" "),e("p",[t._v("Example:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 0")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'blue'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 1")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'green'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 2")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'black'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 3")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//...")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])])]),e("h2",{attrs:{id:"option-context"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-context"}},[t._v("#")]),t._v(" Option Context")]),t._v(" "),e("p",[t._v("The option context is used to give contextual information when resolving options and currently only applies to "),e("a",{attrs:{href:"#scriptable-options"}},[t._v("scriptable options")]),t._v(".\nThe object is preserved, so it can be used to store and pass information between calls.")]),t._v(" "),e("p",[t._v("There are multiple levels of context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("dataset")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data")])])])]),t._v(" "),e("li",[e("code",[t._v("scale")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("tick")])]),t._v(" "),e("li",[e("code",[t._v("pointLabel")]),t._v(" (only used in the radial linear scale)")])])]),t._v(" "),e("li",[e("code",[t._v("tooltip")])])])])]),t._v(" "),e("p",[t._v("Each level inherits its parent(s) and any contextual information stored in the parent is available through the child.")]),t._v(" "),e("p",[t._v("The context object contains the following properties:")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(": the associated chart")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'chart'")])])]),t._v(" "),e("h3",{attrs:{id:"dataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset"}},[t._v("#")]),t._v(" dataset")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("active")]),t._v(": true if an element is active (hovered)")]),t._v(" "),e("li",[e("code",[t._v("dataset")]),t._v(": dataset at index "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("datasetIndex")]),t._v(": index of the current dataset")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": same as "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("mode")]),t._v(": the update mode")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'dataset'")])])]),t._v(" "),e("h3",{attrs:{id:"data"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" data")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#dataset"}},[t._v("dataset")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("active")]),t._v(": true if an element is active (hovered)")]),t._v(" "),e("li",[e("code",[t._v("dataIndex")]),t._v(": index of the current data")]),t._v(" "),e("li",[e("code",[t._v("parsed")]),t._v(": the parsed data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("raw")]),t._v(": the raw data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the element (point, arc, bar, etc.) for this data")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": same as "),e("code",[t._v("dataIndex")])]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'data'")])])]),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("scale")]),t._v(": the associated scale")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'scale'")])])]),t._v(" "),e("h3",{attrs:{id:"tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick"}},[t._v("#")]),t._v(" tick")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#scale"}},[t._v("scale")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("tick")]),t._v(": the associated tick object")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": tick index")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'tick'")])])]),t._v(" "),e("h3",{attrs:{id:"pointlabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointlabel"}},[t._v("#")]),t._v(" pointLabel")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#scale"}},[t._v("scale")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("label")]),t._v(": the associated label value")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": label index")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'pointLabel'")])])]),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" tooltip")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("tooltip")]),t._v(": the tooltip object")]),t._v(" "),e("li",[e("code",[t._v("tooltipItems")]),t._v(": the items the tooltip is displaying")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[180],{514:function(t,e,a){"use strict";a.r(e);var s=a(3),o=Object(s.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" Options")]),t._v(" "),e("h2",{attrs:{id:"option-resolution"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-resolution"}},[t._v("#")]),t._v(" Option resolution")]),t._v(" "),e("p",[t._v("Options are resolved from top to bottom, using a context dependent route.")]),t._v(" "),e("h3",{attrs:{id:"chart-level-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-level-options"}},[t._v("#")]),t._v(" Chart level options")]),t._v(" "),e("ul",[e("li",[t._v("options")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults")])]),t._v(" "),e("h3",{attrs:{id:"dataset-level-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-level-options"}},[t._v("#")]),t._v(" Dataset level options")]),t._v(" "),e("p",[e("code",[t._v("dataset.type")]),t._v(" defaults to "),e("code",[t._v("config.type")]),t._v(", if not specified.")]),t._v(" "),e("ul",[e("li",[t._v("dataset")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("options")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults")])]),t._v(" "),e("h3",{attrs:{id:"dataset-animation-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-animation-options"}},[t._v("#")]),t._v(" Dataset animation options")]),t._v(" "),e("ul",[e("li",[t._v("dataset.animation")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("].animation")]),t._v(" "),e("li",[t._v("options.animation")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("].animation")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("].animation")]),t._v(" "),e("li",[t._v("defaults.animation")])]),t._v(" "),e("h3",{attrs:{id:"dataset-element-level-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset-element-level-options"}},[t._v("#")]),t._v(" Dataset element level options")]),t._v(" "),e("p",[t._v("Each scope is looked up with "),e("code",[t._v("elementType")]),t._v(" prefix in the option name first, then without the prefix. For example, "),e("code",[t._v("radius")]),t._v(" for "),e("code",[t._v("point")]),t._v(" element is looked up using "),e("code",[t._v("pointRadius")]),t._v(" and if that does not hit, then "),e("code",[t._v("radius")]),t._v(".")]),t._v(" "),e("ul",[e("li",[t._v("dataset")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("options.datasets["),e("code",[t._v("dataset.type")]),t._v("].elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("options.elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("options")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].datasets["),e("code",[t._v("dataset.type")]),t._v("].elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.datasets["),e("code",[t._v("dataset.type")]),t._v("].elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.elements["),e("code",[t._v("elementType")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults")])]),t._v(" "),e("h3",{attrs:{id:"scale-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale-options"}},[t._v("#")]),t._v(" Scale options")]),t._v(" "),e("ul",[e("li",[t._v("options.scales")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].scales")]),t._v(" "),e("li",[t._v("defaults.scales")]),t._v(" "),e("li",[t._v("defaults.scale")])]),t._v(" "),e("h3",{attrs:{id:"plugin-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#plugin-options"}},[t._v("#")]),t._v(" Plugin options")]),t._v(" "),e("p",[t._v("A plugin can provide "),e("code",[t._v("additionalOptionScopes")]),t._v(" array of paths to additionally look for its options in. For root scope, use empty string: "),e("code",[t._v("''")]),t._v(". Most core plugins also take options from root scope.")]),t._v(" "),e("ul",[e("li",[t._v("options.plugins["),e("code",[t._v("plugin.id")]),t._v("]")]),t._v(" "),e("li",[t._v("(options.["),e("code",[t._v("...plugin.additionalOptionScopes")]),t._v("])")]),t._v(" "),e("li",[t._v("overrides["),e("code",[t._v("config.type")]),t._v("].plugins["),e("code",[t._v("plugin.id")]),t._v("]")]),t._v(" "),e("li",[t._v("defaults.plugins["),e("code",[t._v("plugin.id")]),t._v("]")]),t._v(" "),e("li",[t._v("(defaults.["),e("code",[t._v("...plugin.additionalOptionScopes")]),t._v("])")])]),t._v(" "),e("h2",{attrs:{id:"scriptable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scriptable-options"}},[t._v("#")]),t._v(" Scriptable Options")]),t._v(" "),e("p",[t._v("Scriptable options also accept a function which is called for each of the underlying data values and that takes the unique argument "),e("code",[t._v("context")]),t._v(" representing contextual information (see "),e("RouterLink",{attrs:{to:"/general/options.html#option-context"}},[t._v("option context")]),t._v(").\nA resolver is passed as second parameter, that can be used to access other options in the same context.")],1),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),e("p",[t._v("The "),e("code",[t._v("context")]),t._v(" argument should be validated in the scriptable function, because the function can be invoked in different contexts. The "),e("code",[t._v("type")]),t._v(" field is a good candidate for this validation.")])]),t._v(" "),e("p",[t._v("Example:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("color")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" index "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataIndex"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" value "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" context"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("dataset"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" value "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// draw negative values in red")]),t._v("\n index "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'blue'")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// else, alternate values in blue and green")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'green'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("borderColor")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("context"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" options")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" color "),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" options"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("color"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// resolve the value of another scriptable option: 'red', 'blue' or 'green'")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" Chart"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("helpers"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("color")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("color"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{pre:!0,attrs:{class:"token function"}},[t._v("lighten")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),e("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.2")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"indexable-options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#indexable-options"}},[t._v("#")]),t._v(" Indexable Options")]),t._v(" "),e("p",[t._v("Indexable options also accept an array in which each item corresponds to the element at the same index. Note that if there are less items than data, the items are looped over. In many cases, using a "),e("a",{attrs:{href:"#scriptable-options"}},[t._v("function")]),t._v(" is more appropriate if supported.")]),t._v(" "),e("p",[t._v("Example:")]),t._v(" "),e("div",{staticClass:"language-javascript extra-class"},[e("pre",{pre:!0,attrs:{class:"language-javascript"}},[e("code",[e("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("color")]),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 0")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'blue'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 1")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'green'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 2")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'black'")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// color for data at index 3")]),t._v("\n "),e("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//...")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])])]),e("h2",{attrs:{id:"option-context"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#option-context"}},[t._v("#")]),t._v(" Option Context")]),t._v(" "),e("p",[t._v("The option context is used to give contextual information when resolving options and currently only applies to "),e("a",{attrs:{href:"#scriptable-options"}},[t._v("scriptable options")]),t._v(".\nThe object is preserved, so it can be used to store and pass information between calls.")]),t._v(" "),e("p",[t._v("There are multiple levels of context objects:")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("dataset")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("data")])])])]),t._v(" "),e("li",[e("code",[t._v("scale")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("tick")])]),t._v(" "),e("li",[e("code",[t._v("pointLabel")]),t._v(" (only used in the radial linear scale)")])])]),t._v(" "),e("li",[e("code",[t._v("tooltip")])])])])]),t._v(" "),e("p",[t._v("Each level inherits its parent(s) and any contextual information stored in the parent is available through the child.")]),t._v(" "),e("p",[t._v("The context object contains the following properties:")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("ul",[e("li",[e("code",[t._v("chart")]),t._v(": the associated chart")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'chart'")])])]),t._v(" "),e("h3",{attrs:{id:"dataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#dataset"}},[t._v("#")]),t._v(" dataset")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("active")]),t._v(": true if an element is active (hovered)")]),t._v(" "),e("li",[e("code",[t._v("dataset")]),t._v(": dataset at index "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("datasetIndex")]),t._v(": index of the current dataset")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": same as "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("mode")]),t._v(": the update mode")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'dataset'")])])]),t._v(" "),e("h3",{attrs:{id:"data"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" data")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#dataset"}},[t._v("dataset")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("active")]),t._v(": true if an element is active (hovered)")]),t._v(" "),e("li",[e("code",[t._v("dataIndex")]),t._v(": index of the current data")]),t._v(" "),e("li",[e("code",[t._v("parsed")]),t._v(": the parsed data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("raw")]),t._v(": the raw data values for the given "),e("code",[t._v("dataIndex")]),t._v(" and "),e("code",[t._v("datasetIndex")])]),t._v(" "),e("li",[e("code",[t._v("element")]),t._v(": the element (point, arc, bar, etc.) for this data")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": same as "),e("code",[t._v("dataIndex")])]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'data'")])])]),t._v(" "),e("h3",{attrs:{id:"scale"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scale"}},[t._v("#")]),t._v(" scale")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("scale")]),t._v(": the associated scale")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'scale'")])])]),t._v(" "),e("h3",{attrs:{id:"tick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tick"}},[t._v("#")]),t._v(" tick")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#scale"}},[t._v("scale")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("tick")]),t._v(": the associated tick object")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": tick index")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'tick'")])])]),t._v(" "),e("h3",{attrs:{id:"pointlabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointlabel"}},[t._v("#")]),t._v(" pointLabel")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#scale"}},[t._v("scale")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("label")]),t._v(": the associated label value")]),t._v(" "),e("li",[e("code",[t._v("index")]),t._v(": label index")]),t._v(" "),e("li",[e("code",[t._v("type")]),t._v(": "),e("code",[t._v("'pointLabel'")])])]),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" tooltip")]),t._v(" "),e("p",[t._v("In addition to "),e("a",{attrs:{href:"#chart"}},[t._v("chart")])]),t._v(" "),e("ul",[e("li",[e("code",[t._v("tooltip")]),t._v(": the tooltip object")]),t._v(" "),e("li",[e("code",[t._v("tooltipItems")]),t._v(": the items the tooltip is displaying")])])])}),[],!1,null,null,null);e.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/181.839537f4.js b/docs/master/assets/js/181.548130c4.js similarity index 99% rename from docs/master/assets/js/181.839537f4.js rename to docs/master/assets/js/181.548130c4.js index da6bdc3131..7e677f4238 100644 --- a/docs/master/assets/js/181.839537f4.js +++ b/docs/master/assets/js/181.548130c4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[181],{516:function(t,a,s){"use strict";s.r(a);var r=s(3),e=Object(r.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"padding"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),a("p",[t._v("Padding values in Chart options can be supplied in a couple of different formats.")]),t._v(" "),a("h2",{attrs:{id:"number"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#number"}},[t._v("#")]),t._v(" Number")]),t._v(" "),a("p",[t._v("If this value is a number, it is applied to all sides (left, top, right, bottom).")]),t._v(" "),a("p",[t._v("For example, defining a 20px padding to all sides of the chart:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("layout")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"top-left-bottom-right-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#top-left-bottom-right-object"}},[t._v("#")]),t._v(" {top, left, bottom, right} object")]),t._v(" "),a("p",[t._v("If this value is an object, the "),a("code",[t._v("left")]),t._v(" property defines the left padding. Similarly, the "),a("code",[t._v("right")]),t._v(", "),a("code",[t._v("top")]),t._v(" and "),a("code",[t._v("bottom")]),t._v(" properties can also be specified.\nOmitted properties default to "),a("code",[t._v("0")]),t._v(".")]),t._v(" "),a("p",[t._v("Let's say you wanted to add 50px of padding to the left side of the chart canvas, you would do:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("layout")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("left")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"x-y-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#x-y-object"}},[t._v("#")]),t._v(" {x, y} object")]),t._v(" "),a("p",[t._v("This is a shorthand for defining left/right and top/bottom to the same values.")]),t._v(" "),a("p",[t._v("For example, 10px left / right and 4px top / bottom padding on a Radial Linear Axis "),a("RouterLink",{attrs:{to:"/axes/radial/linear.html#linear-radial-axis-specific-tick-options"}},[t._v("tick backdropPadding")]),t._v(":")],1),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("ticks")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backdropPadding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[181],{515:function(t,a,s){"use strict";s.r(a);var r=s(3),e=Object(r.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"padding"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#padding"}},[t._v("#")]),t._v(" Padding")]),t._v(" "),a("p",[t._v("Padding values in Chart options can be supplied in a couple of different formats.")]),t._v(" "),a("h2",{attrs:{id:"number"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#number"}},[t._v("#")]),t._v(" Number")]),t._v(" "),a("p",[t._v("If this value is a number, it is applied to all sides (left, top, right, bottom).")]),t._v(" "),a("p",[t._v("For example, defining a 20px padding to all sides of the chart:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("layout")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("20")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"top-left-bottom-right-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#top-left-bottom-right-object"}},[t._v("#")]),t._v(" {top, left, bottom, right} object")]),t._v(" "),a("p",[t._v("If this value is an object, the "),a("code",[t._v("left")]),t._v(" property defines the left padding. Similarly, the "),a("code",[t._v("right")]),t._v(", "),a("code",[t._v("top")]),t._v(" and "),a("code",[t._v("bottom")]),t._v(" properties can also be specified.\nOmitted properties default to "),a("code",[t._v("0")]),t._v(".")]),t._v(" "),a("p",[t._v("Let's say you wanted to add 50px of padding to the left side of the chart canvas, you would do:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("layout")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("padding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("left")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("50")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"x-y-object"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#x-y-object"}},[t._v("#")]),t._v(" {x, y} object")]),t._v(" "),a("p",[t._v("This is a shorthand for defining left/right and top/bottom to the same values.")]),t._v(" "),a("p",[t._v("For example, 10px left / right and 4px top / bottom padding on a Radial Linear Axis "),a("RouterLink",{attrs:{to:"/axes/radial/linear.html#linear-radial-axis-specific-tick-options"}},[t._v("tick backdropPadding")]),t._v(":")],1),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'radar'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("r")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("ticks")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("backdropPadding")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("4")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/182.e2bb5380.js b/docs/master/assets/js/182.475ab195.js similarity index 99% rename from docs/master/assets/js/182.e2bb5380.js rename to docs/master/assets/js/182.475ab195.js index 00bf76236c..df0addaac0 100644 --- a/docs/master/assets/js/182.e2bb5380.js +++ b/docs/master/assets/js/182.475ab195.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[182],{514:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"performance"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#performance"}},[t._v("#")]),t._v(" Performance")]),t._v(" "),a("p",[t._v("Chart.js charts are rendered on "),a("code",[t._v("canvas")]),t._v(" elements, which makes rendering quite fast. For large datasets or performance sensitive applications, you may wish to consider the tips below.")]),t._v(" "),a("h2",{attrs:{id:"data-structure-and-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-structure-and-format"}},[t._v("#")]),t._v(" Data structure and format")]),t._v(" "),a("h3",{attrs:{id:"parsing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" Parsing")]),t._v(" "),a("p",[t._v("Provide prepared data in the internal format accepted by the dataset and scales, and set "),a("code",[t._v("parsing: false")]),t._v(". See "),a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures")]),t._v(" for more information.")],1),t._v(" "),a("h3",{attrs:{id:"data-normalization"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-normalization"}},[t._v("#")]),t._v(" Data normalization")]),t._v(" "),a("p",[t._v("Chart.js is fastest if you provide data with indices that are unique, sorted, and consistent across datasets and provide the "),a("code",[t._v("normalized: true")]),t._v(" option to let Chart.js know that you have done so. Even without this option, it can sometimes still be faster to provide sorted data.")]),t._v(" "),a("h3",{attrs:{id:"decimation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#decimation"}},[t._v("#")]),t._v(" Decimation")]),t._v(" "),a("p",[t._v("Decimating your data will achieve the best results. When there is a lot of data to display on the graph, it doesn't make sense to show tens of thousands of data points on a graph that is only a few hundred pixels wide.")]),t._v(" "),a("p",[t._v("The "),a("RouterLink",{attrs:{to:"/configuration/decimation.html"}},[t._v("decimation plugin")]),t._v(" can be used with line charts to decimate data before the chart is rendered. This will provide the best performance since it will reduce the memory needed to render the chart.")],1),t._v(" "),a("p",[t._v("Line charts are able to do "),a("a",{attrs:{href:"#automatic-data-decimation-during-draw"}},[t._v("automatic data decimation during draw")]),t._v(", when certain conditions are met. You should still consider decimating data yourself before passing it in for maximum performance since the automatic decimation occurs late in the chart life cycle.")]),t._v(" "),a("h2",{attrs:{id:"tick-calculation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tick-calculation"}},[t._v("#")]),t._v(" Tick Calculation")]),t._v(" "),a("h3",{attrs:{id:"rotation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" Rotation")]),t._v(" "),a("p",[a("RouterLink",{attrs:{to:"/axes/cartesian/#tick-configuration"}},[t._v("Specify a rotation value")]),t._v(" by setting "),a("code",[t._v("minRotation")]),t._v(" and "),a("code",[t._v("maxRotation")]),t._v(" to the same value, which avoids the chart from having to automatically determine a value to use.")],1),t._v(" "),a("h3",{attrs:{id:"sampling"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#sampling"}},[t._v("#")]),t._v(" Sampling")]),t._v(" "),a("p",[t._v("Set the "),a("RouterLink",{attrs:{to:"/axes/cartesian/#tick-configuration"}},[a("code",[t._v("ticks.sampleSize")])]),t._v(" option. This will determine how large your labels are by looking at only a subset of them in order to render axes more quickly. This works best if there is not a large variance in the size of your labels.")],1),t._v(" "),a("h2",{attrs:{id:"disable-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disable-animations"}},[t._v("#")]),t._v(" Disable Animations")]),t._v(" "),a("p",[t._v("If your charts have long render times, it is a good idea to disable animations. Doing so will mean that the chart needs to only be rendered once during an update instead of multiple times. This will have the effect of reducing CPU usage and improving general page performance.\nLine charts use Path2D caching when animations are disabled and Path2D is available.")]),t._v(" "),a("p",[t._v("To disable animations")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("animation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"specify-min-and-max-for-scales"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#specify-min-and-max-for-scales"}},[t._v("#")]),t._v(" Specify "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(" for scales")]),t._v(" "),a("p",[t._v("If you specify the "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(", the scale does not have to compute the range from the data.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2019-01-01'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2019-12-31'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"parallel-rendering-with-web-workers"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#parallel-rendering-with-web-workers"}},[t._v("#")]),t._v(" Parallel rendering with web workers")]),t._v(" "),a("p",[t._v("As of 2023, modern browser have the ability to "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen",target:"_blank",rel:"noopener noreferrer"}},[t._v("transfer rendering control of a canvas"),a("OutboundLink")],1),t._v(" to a web worker. Web workers can use the "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas",target:"_blank",rel:"noopener noreferrer"}},[t._v("OffscreenCanvas API"),a("OutboundLink")],1),t._v(" to render from a web worker onto canvases in the DOM. Chart.js is a canvas-based library and supports rendering in a web worker - just pass an OffscreenCanvas into the Chart constructor instead of a Canvas element.")]),t._v(" "),a("p",[t._v("By moving all Chart.js calculations onto a separate thread, the main thread can be freed up for other uses. Some tips and tricks when using Chart.js in a web worker:")]),t._v(" "),a("ul",[a("li",[t._v("Transferring data between threads can be expensive, so ensure that your config and data objects are as small as possible. Try generating them on the worker side if you can (workers can make HTTP requests!) or passing them to your worker as ArrayBuffers, which can be transferred quickly from one thread to another.")]),t._v(" "),a("li",[t._v("You can't transfer functions between threads, so if your config object includes functions you'll have to strip them out before transferring and then add them back later.")]),t._v(" "),a("li",[t._v("You can't access the DOM from worker threads, so Chart.js plugins that use the DOM (including any mouse interactions) will likely not work.")]),t._v(" "),a("li",[t._v("Ensure that you have a fallback if you support older browsers.")]),t._v(" "),a("li",[t._v("Resizing the chart must be done manually. See an example in the worker code below.")])]),t._v(" "),a("p",[t._v("Example main thread code:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" config "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" canvas "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("HTMLCanvasElement")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" offscreenCanvas "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("transferControlToOffscreen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" worker "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Worker")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'worker.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nworker"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("postMessage")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("canvas")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" offscreenCanvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("offscreenCanvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Example worker code, in "),a("code",[t._v("worker.js")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onmessage")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("event")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" event"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Resizing the chart must be done manually, since OffscreenCanvas does not include event listeners.")]),t._v("\n canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"line-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#line-charts"}},[t._v("#")]),t._v(" Line Charts")]),t._v(" "),a("h3",{attrs:{id:"leave-bezier-curves-disabled"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#leave-bezier-curves-disabled"}},[t._v("#")]),t._v(" Leave Bézier curves disabled")]),t._v(" "),a("p",[t._v("If you are drawing lines on your chart, disabling Bézier curves will improve render times since drawing a straight line is more performant than a Bézier curve. Bézier curves are disabled by default.")]),t._v(" "),a("h3",{attrs:{id:"automatic-data-decimation-during-draw"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#automatic-data-decimation-during-draw"}},[t._v("#")]),t._v(" Automatic data decimation during draw")]),t._v(" "),a("p",[t._v("Line element will automatically decimate data, when "),a("code",[t._v("tension")]),t._v(", "),a("code",[t._v("stepped")]),t._v(", and "),a("code",[t._v("borderDash")]),t._v(" are left set to their default values ("),a("code",[t._v("false")]),t._v(", "),a("code",[t._v("0")]),t._v(", and "),a("code",[t._v("[]")]),t._v(" respectively). This improves rendering speed by skipping drawing of invisible line segments.")]),t._v(" "),a("h3",{attrs:{id:"enable-spangaps"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#enable-spangaps"}},[t._v("#")]),t._v(" Enable spanGaps")]),t._v(" "),a("p",[t._v("If you have a lot of data points, it can be more performant to enable "),a("code",[t._v("spanGaps")]),t._v(". This disables segmentation of the line, which can be an unneeded step.")]),t._v(" "),a("p",[t._v("To enable "),a("code",[t._v("spanGaps")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("spanGaps")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// enable for a single dataset")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("spanGaps")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// enable for all datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"disable-line-drawing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disable-line-drawing"}},[t._v("#")]),t._v(" Disable Line Drawing")]),t._v(" "),a("p",[t._v("If you have a lot of data points, it can be more performant to disable rendering of the line for a dataset and only draw points. Doing this means that there is less to draw on the canvas which will improve render performance.")]),t._v(" "),a("p",[t._v("To disable lines:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for a single dataset")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for all datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"disable-point-drawing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disable-point-drawing"}},[t._v("#")]),t._v(" Disable Point Drawing")]),t._v(" "),a("p",[t._v("If you have a lot of data points, it can be more performant to disable rendering of the points for a dataset and only draw line. Doing this means that there is less to draw on the canvas which will improve render performance.")]),t._v(" "),a("p",[t._v("To disable point drawing:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointRadius")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for a single dataset")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("line")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointRadius")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for all `'line'` datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("elements")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("point")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("radius")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default to disabled in all datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"when-transpiling-with-babel-consider-using-loose-mode"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#when-transpiling-with-babel-consider-using-loose-mode"}},[t._v("#")]),t._v(" When transpiling with Babel, consider using "),a("code",[t._v("loose")]),t._v(" mode")]),t._v(" "),a("p",[t._v("Babel 7.9 changed the way classes are constructed. It is slow, unless used with "),a("code",[t._v("loose")]),t._v(" mode.\n"),a("a",{attrs:{href:"https://github.com/babel/babel/issues/11356",target:"_blank",rel:"noopener noreferrer"}},[t._v("More information"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[182],{516:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"performance"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#performance"}},[t._v("#")]),t._v(" Performance")]),t._v(" "),a("p",[t._v("Chart.js charts are rendered on "),a("code",[t._v("canvas")]),t._v(" elements, which makes rendering quite fast. For large datasets or performance sensitive applications, you may wish to consider the tips below.")]),t._v(" "),a("h2",{attrs:{id:"data-structure-and-format"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-structure-and-format"}},[t._v("#")]),t._v(" Data structure and format")]),t._v(" "),a("h3",{attrs:{id:"parsing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" Parsing")]),t._v(" "),a("p",[t._v("Provide prepared data in the internal format accepted by the dataset and scales, and set "),a("code",[t._v("parsing: false")]),t._v(". See "),a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures")]),t._v(" for more information.")],1),t._v(" "),a("h3",{attrs:{id:"data-normalization"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#data-normalization"}},[t._v("#")]),t._v(" Data normalization")]),t._v(" "),a("p",[t._v("Chart.js is fastest if you provide data with indices that are unique, sorted, and consistent across datasets and provide the "),a("code",[t._v("normalized: true")]),t._v(" option to let Chart.js know that you have done so. Even without this option, it can sometimes still be faster to provide sorted data.")]),t._v(" "),a("h3",{attrs:{id:"decimation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#decimation"}},[t._v("#")]),t._v(" Decimation")]),t._v(" "),a("p",[t._v("Decimating your data will achieve the best results. When there is a lot of data to display on the graph, it doesn't make sense to show tens of thousands of data points on a graph that is only a few hundred pixels wide.")]),t._v(" "),a("p",[t._v("The "),a("RouterLink",{attrs:{to:"/configuration/decimation.html"}},[t._v("decimation plugin")]),t._v(" can be used with line charts to decimate data before the chart is rendered. This will provide the best performance since it will reduce the memory needed to render the chart.")],1),t._v(" "),a("p",[t._v("Line charts are able to do "),a("a",{attrs:{href:"#automatic-data-decimation-during-draw"}},[t._v("automatic data decimation during draw")]),t._v(", when certain conditions are met. You should still consider decimating data yourself before passing it in for maximum performance since the automatic decimation occurs late in the chart life cycle.")]),t._v(" "),a("h2",{attrs:{id:"tick-calculation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tick-calculation"}},[t._v("#")]),t._v(" Tick Calculation")]),t._v(" "),a("h3",{attrs:{id:"rotation"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#rotation"}},[t._v("#")]),t._v(" Rotation")]),t._v(" "),a("p",[a("RouterLink",{attrs:{to:"/axes/cartesian/#tick-configuration"}},[t._v("Specify a rotation value")]),t._v(" by setting "),a("code",[t._v("minRotation")]),t._v(" and "),a("code",[t._v("maxRotation")]),t._v(" to the same value, which avoids the chart from having to automatically determine a value to use.")],1),t._v(" "),a("h3",{attrs:{id:"sampling"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#sampling"}},[t._v("#")]),t._v(" Sampling")]),t._v(" "),a("p",[t._v("Set the "),a("RouterLink",{attrs:{to:"/axes/cartesian/#tick-configuration"}},[a("code",[t._v("ticks.sampleSize")])]),t._v(" option. This will determine how large your labels are by looking at only a subset of them in order to render axes more quickly. This works best if there is not a large variance in the size of your labels.")],1),t._v(" "),a("h2",{attrs:{id:"disable-animations"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disable-animations"}},[t._v("#")]),t._v(" Disable Animations")]),t._v(" "),a("p",[t._v("If your charts have long render times, it is a good idea to disable animations. Doing so will mean that the chart needs to only be rendered once during an update instead of multiple times. This will have the effect of reducing CPU usage and improving general page performance.\nLine charts use Path2D caching when animations are disabled and Path2D is available.")]),t._v(" "),a("p",[t._v("To disable animations")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("animation")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"specify-min-and-max-for-scales"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#specify-min-and-max-for-scales"}},[t._v("#")]),t._v(" Specify "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(" for scales")]),t._v(" "),a("p",[t._v("If you specify the "),a("code",[t._v("min")]),t._v(" and "),a("code",[t._v("max")]),t._v(", the scale does not have to compute the range from the data.")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("scales")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("x")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'time'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2019-01-01'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Date")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'2019-12-31'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOf")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'linear'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("min")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("max")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"parallel-rendering-with-web-workers"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#parallel-rendering-with-web-workers"}},[t._v("#")]),t._v(" Parallel rendering with web workers")]),t._v(" "),a("p",[t._v("As of 2023, modern browser have the ability to "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen",target:"_blank",rel:"noopener noreferrer"}},[t._v("transfer rendering control of a canvas"),a("OutboundLink")],1),t._v(" to a web worker. Web workers can use the "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas",target:"_blank",rel:"noopener noreferrer"}},[t._v("OffscreenCanvas API"),a("OutboundLink")],1),t._v(" to render from a web worker onto canvases in the DOM. Chart.js is a canvas-based library and supports rendering in a web worker - just pass an OffscreenCanvas into the Chart constructor instead of a Canvas element.")]),t._v(" "),a("p",[t._v("By moving all Chart.js calculations onto a separate thread, the main thread can be freed up for other uses. Some tips and tricks when using Chart.js in a web worker:")]),t._v(" "),a("ul",[a("li",[t._v("Transferring data between threads can be expensive, so ensure that your config and data objects are as small as possible. Try generating them on the worker side if you can (workers can make HTTP requests!) or passing them to your worker as ArrayBuffers, which can be transferred quickly from one thread to another.")]),t._v(" "),a("li",[t._v("You can't transfer functions between threads, so if your config object includes functions you'll have to strip them out before transferring and then add them back later.")]),t._v(" "),a("li",[t._v("You can't access the DOM from worker threads, so Chart.js plugins that use the DOM (including any mouse interactions) will likely not work.")]),t._v(" "),a("li",[t._v("Ensure that you have a fallback if you support older browsers.")]),t._v(" "),a("li",[t._v("Resizing the chart must be done manually. See an example in the worker code below.")])]),t._v(" "),a("p",[t._v("Example main thread code:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" config "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" canvas "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("HTMLCanvasElement")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" offscreenCanvas "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("transferControlToOffscreen")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" worker "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Worker")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'worker.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nworker"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("postMessage")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("canvas")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" offscreenCanvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("offscreenCanvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("p",[t._v("Example worker code, in "),a("code",[t._v("worker.js")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onmessage")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("event")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" event"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Resizing the chart must be done manually, since OffscreenCanvas does not include event listeners.")]),t._v("\n canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("width "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n canvas"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("height "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("resize")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"line-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#line-charts"}},[t._v("#")]),t._v(" Line Charts")]),t._v(" "),a("h3",{attrs:{id:"leave-bezier-curves-disabled"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#leave-bezier-curves-disabled"}},[t._v("#")]),t._v(" Leave Bézier curves disabled")]),t._v(" "),a("p",[t._v("If you are drawing lines on your chart, disabling Bézier curves will improve render times since drawing a straight line is more performant than a Bézier curve. Bézier curves are disabled by default.")]),t._v(" "),a("h3",{attrs:{id:"automatic-data-decimation-during-draw"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#automatic-data-decimation-during-draw"}},[t._v("#")]),t._v(" Automatic data decimation during draw")]),t._v(" "),a("p",[t._v("Line element will automatically decimate data, when "),a("code",[t._v("tension")]),t._v(", "),a("code",[t._v("stepped")]),t._v(", and "),a("code",[t._v("borderDash")]),t._v(" are left set to their default values ("),a("code",[t._v("false")]),t._v(", "),a("code",[t._v("0")]),t._v(", and "),a("code",[t._v("[]")]),t._v(" respectively). This improves rendering speed by skipping drawing of invisible line segments.")]),t._v(" "),a("h3",{attrs:{id:"enable-spangaps"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#enable-spangaps"}},[t._v("#")]),t._v(" Enable spanGaps")]),t._v(" "),a("p",[t._v("If you have a lot of data points, it can be more performant to enable "),a("code",[t._v("spanGaps")]),t._v(". This disables segmentation of the line, which can be an unneeded step.")]),t._v(" "),a("p",[t._v("To enable "),a("code",[t._v("spanGaps")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("spanGaps")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// enable for a single dataset")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("spanGaps")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// enable for all datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"disable-line-drawing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disable-line-drawing"}},[t._v("#")]),t._v(" Disable Line Drawing")]),t._v(" "),a("p",[t._v("If you have a lot of data points, it can be more performant to disable rendering of the line for a dataset and only draw points. Doing this means that there is less to draw on the canvas which will improve render performance.")]),t._v(" "),a("p",[t._v("To disable lines:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for a single dataset")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("showLine")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for all datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"disable-point-drawing"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#disable-point-drawing"}},[t._v("#")]),t._v(" Disable Point Drawing")]),t._v(" "),a("p",[t._v("If you have a lot of data points, it can be more performant to disable rendering of the points for a dataset and only draw line. Doing this means that there is less to draw on the canvas which will improve render performance.")]),t._v(" "),a("p",[t._v("To disable point drawing:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointRadius")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for a single dataset")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("datasets")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("line")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("pointRadius")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// disable for all `'line'` datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("elements")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("point")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("radius")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// default to disabled in all datasets")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"when-transpiling-with-babel-consider-using-loose-mode"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#when-transpiling-with-babel-consider-using-loose-mode"}},[t._v("#")]),t._v(" When transpiling with Babel, consider using "),a("code",[t._v("loose")]),t._v(" mode")]),t._v(" "),a("p",[t._v("Babel 7.9 changed the way classes are constructed. It is slow, unless used with "),a("code",[t._v("loose")]),t._v(" mode.\n"),a("a",{attrs:{href:"https://github.com/babel/babel/issues/11356",target:"_blank",rel:"noopener noreferrer"}},[t._v("More information"),a("OutboundLink")],1)])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/183.20a17cde.js b/docs/master/assets/js/183.4af08f02.js similarity index 98% rename from docs/master/assets/js/183.20a17cde.js rename to docs/master/assets/js/183.4af08f02.js index 96d8b61e94..272ffc5310 100644 --- a/docs/master/assets/js/183.20a17cde.js +++ b/docs/master/assets/js/183.4af08f02.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[183],{519:function(t,r,a){"use strict";a.r(r);var e=a(3),s=Object(e.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"installation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),r("h2",{attrs:{id:"npm"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#npm"}},[t._v("#")]),t._v(" npm")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://npmjs.com/package/chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/npm/v/chart.js.svg?style=flat-square&maxAge=600",alt:"npm"}}),r("OutboundLink")],1),t._v(" "),r("a",{attrs:{href:"https://npmjs.com/package/chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/npm/dm/chart.js.svg?style=flat-square&maxAge=600",alt:"npm"}}),r("OutboundLink")],1)]),t._v(" "),r("div",{staticClass:"language-sh extra-class"},[r("pre",{pre:!0,attrs:{class:"language-sh"}},[r("code",[r("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),r("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" chart.js\n")])])]),r("h2",{attrs:{id:"cdn"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#cdn"}},[t._v("#")]),t._v(" CDN")]),t._v(" "),r("h3",{attrs:{id:"cdnjs"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#cdnjs"}},[t._v("#")]),t._v(" CDNJS")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://cdnjs.com/libraries/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/cdnjs/v/Chart.js.svg?style=flat-square&maxAge=600",alt:"cdnjs"}}),r("OutboundLink")],1)]),t._v(" "),r("p",[t._v("Chart.js built files are available on "),r("a",{attrs:{href:"https://cdnjs.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("CDNJS"),r("OutboundLink")],1),t._v(":")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://cdnjs.com/libraries/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://cdnjs.com/libraries/Chart.js"),r("OutboundLink")],1)]),t._v(" "),r("h3",{attrs:{id:"jsdelivr"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#jsdelivr"}},[t._v("#")]),t._v(" jsDelivr")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://cdn.jsdelivr.net/npm/chart.js@latest/dist/",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/npm/v/chart.js.svg?label=jsdelivr&style=flat-square&maxAge=600",alt:"jsdelivr"}}),r("OutboundLink")],1),t._v(" "),r("a",{attrs:{href:"https://www.jsdelivr.com/package/npm/chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://data.jsdelivr.com/v1/package/npm/chart.js/badge",alt:"jsdelivr hits"}}),r("OutboundLink")],1)]),t._v(" "),r("p",[t._v("Chart.js built files are also available through "),r("a",{attrs:{href:"https://www.jsdelivr.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("jsDelivr"),r("OutboundLink")],1),t._v(":")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://www.jsdelivr.com/package/npm/chart.js?path=dist",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.jsdelivr.com/package/npm/chart.js?path=dist"),r("OutboundLink")],1)]),t._v(" "),r("h2",{attrs:{id:"github"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#github"}},[t._v("#")]),t._v(" GitHub")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/releases/latest",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/github/release/chartjs/Chart.js.svg?style=flat-square&maxAge=600",alt:"github"}}),r("OutboundLink")],1)]),t._v(" "),r("p",[t._v("You can download the latest version of "),r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/releases/latest",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js on GitHub"),r("OutboundLink")],1),t._v(".")]),t._v(" "),r("p",[t._v("If you download or clone the repository, you must "),r("RouterLink",{attrs:{to:"/developers/contributing.html#building-and-testing"}},[t._v("build")]),t._v(" Chart.js to generate the dist files. Chart.js no longer comes with prebuilt release versions, so an alternative option to downloading the repo is "),r("strong",[t._v("strongly")]),t._v(" advised.")],1)])}),[],!1,null,null,null);r.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[183],{518:function(t,r,a){"use strict";a.r(r);var e=a(3),s=Object(e.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"installation"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#installation"}},[t._v("#")]),t._v(" Installation")]),t._v(" "),r("h2",{attrs:{id:"npm"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#npm"}},[t._v("#")]),t._v(" npm")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://npmjs.com/package/chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/npm/v/chart.js.svg?style=flat-square&maxAge=600",alt:"npm"}}),r("OutboundLink")],1),t._v(" "),r("a",{attrs:{href:"https://npmjs.com/package/chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/npm/dm/chart.js.svg?style=flat-square&maxAge=600",alt:"npm"}}),r("OutboundLink")],1)]),t._v(" "),r("div",{staticClass:"language-sh extra-class"},[r("pre",{pre:!0,attrs:{class:"language-sh"}},[r("code",[r("span",{pre:!0,attrs:{class:"token function"}},[t._v("npm")]),t._v(" "),r("span",{pre:!0,attrs:{class:"token function"}},[t._v("install")]),t._v(" chart.js\n")])])]),r("h2",{attrs:{id:"cdn"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#cdn"}},[t._v("#")]),t._v(" CDN")]),t._v(" "),r("h3",{attrs:{id:"cdnjs"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#cdnjs"}},[t._v("#")]),t._v(" CDNJS")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://cdnjs.com/libraries/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/cdnjs/v/Chart.js.svg?style=flat-square&maxAge=600",alt:"cdnjs"}}),r("OutboundLink")],1)]),t._v(" "),r("p",[t._v("Chart.js built files are available on "),r("a",{attrs:{href:"https://cdnjs.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("CDNJS"),r("OutboundLink")],1),t._v(":")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://cdnjs.com/libraries/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://cdnjs.com/libraries/Chart.js"),r("OutboundLink")],1)]),t._v(" "),r("h3",{attrs:{id:"jsdelivr"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#jsdelivr"}},[t._v("#")]),t._v(" jsDelivr")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://cdn.jsdelivr.net/npm/chart.js@latest/dist/",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/npm/v/chart.js.svg?label=jsdelivr&style=flat-square&maxAge=600",alt:"jsdelivr"}}),r("OutboundLink")],1),t._v(" "),r("a",{attrs:{href:"https://www.jsdelivr.com/package/npm/chart.js",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://data.jsdelivr.com/v1/package/npm/chart.js/badge",alt:"jsdelivr hits"}}),r("OutboundLink")],1)]),t._v(" "),r("p",[t._v("Chart.js built files are also available through "),r("a",{attrs:{href:"https://www.jsdelivr.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("jsDelivr"),r("OutboundLink")],1),t._v(":")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://www.jsdelivr.com/package/npm/chart.js?path=dist",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.jsdelivr.com/package/npm/chart.js?path=dist"),r("OutboundLink")],1)]),t._v(" "),r("h2",{attrs:{id:"github"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#github"}},[t._v("#")]),t._v(" GitHub")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/releases/latest",target:"_blank",rel:"noopener noreferrer"}},[r("img",{attrs:{src:"https://img.shields.io/github/release/chartjs/Chart.js.svg?style=flat-square&maxAge=600",alt:"github"}}),r("OutboundLink")],1)]),t._v(" "),r("p",[t._v("You can download the latest version of "),r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/releases/latest",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js on GitHub"),r("OutboundLink")],1),t._v(".")]),t._v(" "),r("p",[t._v("If you download or clone the repository, you must "),r("RouterLink",{attrs:{to:"/developers/contributing.html#building-and-testing"}},[t._v("build")]),t._v(" Chart.js to generate the dist files. Chart.js no longer comes with prebuilt release versions, so an alternative option to downloading the repo is "),r("strong",[t._v("strongly")]),t._v(" advised.")],1)])}),[],!1,null,null,null);r.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/184.63298050.js b/docs/master/assets/js/184.67dee573.js similarity index 99% rename from docs/master/assets/js/184.63298050.js rename to docs/master/assets/js/184.67dee573.js index 225c8ea434..ecfbdabf17 100644 --- a/docs/master/assets/js/184.63298050.js +++ b/docs/master/assets/js/184.67dee573.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[184],{518:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"integration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#integration"}},[t._v("#")]),t._v(" Integration")]),t._v(" "),a("p",[t._v("Chart.js can be integrated with plain JavaScript or with different module loaders. The examples below show how to load Chart.js in different systems.")]),t._v(" "),a("p",[t._v("If you're using a front-end framework (e.g., React, Angular, or Vue), please see "),a("a",{attrs:{href:"https://github.com/chartjs/awesome#integrations",target:"_blank",rel:"noopener noreferrer"}},[t._v("available integrations"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs/dist/chart.umd.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("p",[t._v("Chart.js is tree-shakeable, so it is necessary to import and register the controllers, elements, scales and plugins you are going to use.")]),t._v(" "),a("h3",{attrs:{id:"quick-start"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#quick-start"}},[t._v("#")]),t._v(" Quick start")]),t._v(" "),a("p",[t._v("If you don't care about the bundle size, you can use the "),a("code",[t._v("auto")]),t._v(" package ensuring all features are available:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js/auto'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"bundle-optimization"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundle-optimization"}},[t._v("#")]),t._v(" Bundle optimization")]),t._v(" "),a("p",[t._v("When optimizing the bundle, you need to import and register the components that are needed in your application.")]),t._v(" "),a("p",[t._v("The options are categorized into controllers, elements, plugins, scales. You can pick and choose many of these, e.g. if you are not going to use tooltips, don't import and register the "),a("code",[t._v("Tooltip")]),t._v(" plugin. But each type of chart has its own bare-minimum requirements (typically the type's controller, element(s) used by that controller and scale(s)):")]),t._v(" "),a("ul",[a("li",[t._v("Bar chart\n"),a("ul",[a("li",[a("code",[t._v("BarController")])]),t._v(" "),a("li",[a("code",[t._v("BarElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("CategoryScale")]),t._v(" (x), "),a("code",[t._v("LinearScale")]),t._v(" (y)")])])]),t._v(" "),a("li",[t._v("Bubble chart\n"),a("ul",[a("li",[a("code",[t._v("BubbleController")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("LinearScale")]),t._v(" (x/y)")])])]),t._v(" "),a("li",[t._v("Doughnut chart\n"),a("ul",[a("li",[a("code",[t._v("DoughnutController")])]),t._v(" "),a("li",[a("code",[t._v("ArcElement")])]),t._v(" "),a("li",[t._v("Not using scales")])])]),t._v(" "),a("li",[t._v("Line chart\n"),a("ul",[a("li",[a("code",[t._v("LineController")])]),t._v(" "),a("li",[a("code",[t._v("LineElement")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("CategoryScale")]),t._v(" (x), "),a("code",[t._v("LinearScale")]),t._v(" (y)")])])]),t._v(" "),a("li",[t._v("Pie chart\n"),a("ul",[a("li",[a("code",[t._v("PieController")])]),t._v(" "),a("li",[a("code",[t._v("ArcElement")])]),t._v(" "),a("li",[t._v("Not using scales")])])]),t._v(" "),a("li",[t._v("PolarArea chart\n"),a("ul",[a("li",[a("code",[t._v("PolarAreaController")])]),t._v(" "),a("li",[a("code",[t._v("ArcElement")])]),t._v(" "),a("li",[t._v("Default scale: "),a("code",[t._v("RadialLinearScale")]),t._v(" (r)")])])]),t._v(" "),a("li",[t._v("Radar chart\n"),a("ul",[a("li",[a("code",[t._v("RadarController")])]),t._v(" "),a("li",[a("code",[t._v("LineElement")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scale: "),a("code",[t._v("RadialLinearScale")]),t._v(" (r)")])])]),t._v(" "),a("li",[t._v("Scatter chart\n"),a("ul",[a("li",[a("code",[t._v("ScatterController")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("LinearScale")]),t._v(" (x/y)")])])])]),t._v(" "),a("p",[t._v("Available plugins:")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/configuration/decimation.html"}},[a("code",[t._v("Decimation")])])],1),t._v(" "),a("li",[a("code",[t._v("Filler")]),t._v(" - used to fill area described by "),a("code",[t._v("LineElement")]),t._v(", see "),a("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("Area charts")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/legend.html"}},[a("code",[t._v("Legend")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/subtitle.html"}},[a("code",[t._v("SubTitle")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/title.html"}},[a("code",[t._v("Title")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[a("code",[t._v("Tooltip")])])],1)]),t._v(" "),a("p",[t._v("Available scales:")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("Cartesian scales (x/y)")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/category.html"}},[a("code",[t._v("CategoryScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[a("code",[t._v("LinearScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/logarithmic.html"}},[a("code",[t._v("LogarithmicScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[a("code",[t._v("TimeScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/timeseries.html"}},[a("code",[t._v("TimeSeriesScale")])])],1)])]),t._v(" "),a("li",[a("p",[t._v("Radial scales (r)")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[a("code",[t._v("RadialLinearScale")])])],1)])])]),t._v(" "),a("h3",{attrs:{id:"helper-functions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#helper-functions"}},[t._v("#")]),t._v(" Helper functions")]),t._v(" "),a("p",[t._v("If you want to use the helper functions, you will need to import these separately from the helpers package and use them as stand-alone functions.")]),t._v(" "),a("p",[t._v("Example of "),a("RouterLink",{attrs:{to:"/configuration/interactions.html#converting-events-to-data-values"}},[t._v("Converting Events to Data Values")]),t._v(" using bundlers.")],1),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js/auto'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" getRelativePosition "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js/helpers'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onClick")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("e")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" canvasPosition "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRelativePosition")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("e"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Substitute the appropriate scale IDs")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataX "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getValueForPixel")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("canvasPosition"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataY "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getValueForPixel")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("canvasPosition"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"commonjs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#commonjs"}},[t._v("#")]),t._v(" CommonJS")]),t._v(" "),a("p",[t._v("Because Chart.js is an ESM library, in CommonJS modules you should use a dynamic "),a("code",[t._v("import")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("await")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"requirejs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#requirejs"}},[t._v("#")]),t._v(" RequireJS")]),t._v(" "),a("p",[a("strong",[t._v("Important:")]),t._v(" RequireJS can load only "),a("a",{attrs:{href:"https://requirejs.org/docs/whyamd.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("AMD modules"),a("OutboundLink")],1),t._v(", so be sure to require one of the UMD builds instead (i.e. "),a("code",[t._v("dist/chart.umd.js")]),t._v(").")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'path/to/chartjs/dist/chart.umd.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("In order to use the time scale, you need to make sure "),a("a",{attrs:{href:"https://github.com/chartjs/awesome#adapters",target:"_blank",rel:"noopener noreferrer"}},[t._v("one of the available date adapters"),a("OutboundLink")],1),t._v(" and corresponding date library are fully loaded "),a("strong",[t._v("after")]),t._v(" requiring Chart.js. For this you can use nested requires:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'moment'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-adapter-moment'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[184],{520:function(t,a,s){"use strict";s.r(a);var e=s(3),n=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"integration"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#integration"}},[t._v("#")]),t._v(" Integration")]),t._v(" "),a("p",[t._v("Chart.js can be integrated with plain JavaScript or with different module loaders. The examples below show how to load Chart.js in different systems.")]),t._v(" "),a("p",[t._v("If you're using a front-end framework (e.g., React, Angular, or Vue), please see "),a("a",{attrs:{href:"https://github.com/chartjs/awesome#integrations",target:"_blank",rel:"noopener noreferrer"}},[t._v("available integrations"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("h2",{attrs:{id:"script-tag"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#script-tag"}},[t._v("#")]),t._v(" Script Tag")]),t._v(" "),a("div",{staticClass:"language-html extra-class"},[a("pre",{pre:!0,attrs:{class:"language-html"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("src")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("path/to/chartjs/dist/chart.umd.js"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}}),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),a("span",{pre:!0,attrs:{class:"token script"}},[a("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"bundlers-webpack-rollup-etc"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundlers-webpack-rollup-etc"}},[t._v("#")]),t._v(" Bundlers (Webpack, Rollup, etc.)")]),t._v(" "),a("p",[t._v("Chart.js is tree-shakeable, so it is necessary to import and register the controllers, elements, scales and plugins you are going to use.")]),t._v(" "),a("h3",{attrs:{id:"quick-start"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#quick-start"}},[t._v("#")]),t._v(" Quick start")]),t._v(" "),a("p",[t._v("If you don't care about the bundle size, you can use the "),a("code",[t._v("auto")]),t._v(" package ensuring all features are available:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js/auto'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h3",{attrs:{id:"bundle-optimization"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#bundle-optimization"}},[t._v("#")]),t._v(" Bundle optimization")]),t._v(" "),a("p",[t._v("When optimizing the bundle, you need to import and register the components that are needed in your application.")]),t._v(" "),a("p",[t._v("The options are categorized into controllers, elements, plugins, scales. You can pick and choose many of these, e.g. if you are not going to use tooltips, don't import and register the "),a("code",[t._v("Tooltip")]),t._v(" plugin. But each type of chart has its own bare-minimum requirements (typically the type's controller, element(s) used by that controller and scale(s)):")]),t._v(" "),a("ul",[a("li",[t._v("Bar chart\n"),a("ul",[a("li",[a("code",[t._v("BarController")])]),t._v(" "),a("li",[a("code",[t._v("BarElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("CategoryScale")]),t._v(" (x), "),a("code",[t._v("LinearScale")]),t._v(" (y)")])])]),t._v(" "),a("li",[t._v("Bubble chart\n"),a("ul",[a("li",[a("code",[t._v("BubbleController")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("LinearScale")]),t._v(" (x/y)")])])]),t._v(" "),a("li",[t._v("Doughnut chart\n"),a("ul",[a("li",[a("code",[t._v("DoughnutController")])]),t._v(" "),a("li",[a("code",[t._v("ArcElement")])]),t._v(" "),a("li",[t._v("Not using scales")])])]),t._v(" "),a("li",[t._v("Line chart\n"),a("ul",[a("li",[a("code",[t._v("LineController")])]),t._v(" "),a("li",[a("code",[t._v("LineElement")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("CategoryScale")]),t._v(" (x), "),a("code",[t._v("LinearScale")]),t._v(" (y)")])])]),t._v(" "),a("li",[t._v("Pie chart\n"),a("ul",[a("li",[a("code",[t._v("PieController")])]),t._v(" "),a("li",[a("code",[t._v("ArcElement")])]),t._v(" "),a("li",[t._v("Not using scales")])])]),t._v(" "),a("li",[t._v("PolarArea chart\n"),a("ul",[a("li",[a("code",[t._v("PolarAreaController")])]),t._v(" "),a("li",[a("code",[t._v("ArcElement")])]),t._v(" "),a("li",[t._v("Default scale: "),a("code",[t._v("RadialLinearScale")]),t._v(" (r)")])])]),t._v(" "),a("li",[t._v("Radar chart\n"),a("ul",[a("li",[a("code",[t._v("RadarController")])]),t._v(" "),a("li",[a("code",[t._v("LineElement")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scale: "),a("code",[t._v("RadialLinearScale")]),t._v(" (r)")])])]),t._v(" "),a("li",[t._v("Scatter chart\n"),a("ul",[a("li",[a("code",[t._v("ScatterController")])]),t._v(" "),a("li",[a("code",[t._v("PointElement")])]),t._v(" "),a("li",[t._v("Default scales: "),a("code",[t._v("LinearScale")]),t._v(" (x/y)")])])])]),t._v(" "),a("p",[t._v("Available plugins:")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/configuration/decimation.html"}},[a("code",[t._v("Decimation")])])],1),t._v(" "),a("li",[a("code",[t._v("Filler")]),t._v(" - used to fill area described by "),a("code",[t._v("LineElement")]),t._v(", see "),a("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("Area charts")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/legend.html"}},[a("code",[t._v("Legend")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/subtitle.html"}},[a("code",[t._v("SubTitle")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/title.html"}},[a("code",[t._v("Title")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[a("code",[t._v("Tooltip")])])],1)]),t._v(" "),a("p",[t._v("Available scales:")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("Cartesian scales (x/y)")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/category.html"}},[a("code",[t._v("CategoryScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[a("code",[t._v("LinearScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/logarithmic.html"}},[a("code",[t._v("LogarithmicScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[a("code",[t._v("TimeScale")])])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/cartesian/timeseries.html"}},[a("code",[t._v("TimeSeriesScale")])])],1)])]),t._v(" "),a("li",[a("p",[t._v("Radial scales (r)")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[a("code",[t._v("RadialLinearScale")])])],1)])])]),t._v(" "),a("h3",{attrs:{id:"helper-functions"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#helper-functions"}},[t._v("#")]),t._v(" Helper functions")]),t._v(" "),a("p",[t._v("If you want to use the helper functions, you will need to import these separately from the helpers package and use them as stand-alone functions.")]),t._v(" "),a("p",[t._v("Example of "),a("RouterLink",{attrs:{to:"/configuration/interactions.html#converting-events-to-data-values"}},[t._v("Converting Events to Data Values")]),t._v(" using bundlers.")],1),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js/auto'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" getRelativePosition "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js/helpers'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" chart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'line'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("data")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" data"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("options")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("onClick")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("e")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" canvasPosition "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getRelativePosition")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("e"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Substitute the appropriate scale IDs")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataX "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getValueForPixel")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("canvasPosition"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("x"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" dataY "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" chart"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("scales"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("getValueForPixel")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("canvasPosition"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("y"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"commonjs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#commonjs"}},[t._v("#")]),t._v(" CommonJS")]),t._v(" "),a("p",[t._v("Because Chart.js is an ESM library, in CommonJS modules you should use a dynamic "),a("code",[t._v("import")]),t._v(":")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" Chart "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("await")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("h2",{attrs:{id:"requirejs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#requirejs"}},[t._v("#")]),t._v(" RequireJS")]),t._v(" "),a("p",[a("strong",[t._v("Important:")]),t._v(" RequireJS can load only "),a("a",{attrs:{href:"https://requirejs.org/docs/whyamd.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("AMD modules"),a("OutboundLink")],1),t._v(", so be sure to require one of the UMD builds instead (i.e. "),a("code",[t._v("dist/chart.umd.js")]),t._v(").")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'path/to/chartjs/dist/chart.umd.js'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" myChart "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("Note")]),t._v(" "),a("p",[t._v("In order to use the time scale, you need to make sure "),a("a",{attrs:{href:"https://github.com/chartjs/awesome#adapters",target:"_blank",rel:"noopener noreferrer"}},[t._v("one of the available date adapters"),a("OutboundLink")],1),t._v(" and corresponding date library are fully loaded "),a("strong",[t._v("after")]),t._v(" requiring Chart.js. For this you can use nested requires:")]),t._v(" "),a("div",{staticClass:"language-javascript extra-class"},[a("pre",{pre:!0,attrs:{class:"language-javascript"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'moment'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("require")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-adapter-moment'")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("new")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Chart")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("ctx"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("...")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])])])])}),[],!1,null,null,null);a.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/185.8cf04d18.js b/docs/master/assets/js/185.272cbfc7.js similarity index 99% rename from docs/master/assets/js/185.8cf04d18.js rename to docs/master/assets/js/185.272cbfc7.js index beb4cf424c..3144bef9d7 100644 --- a/docs/master/assets/js/185.8cf04d18.js +++ b/docs/master/assets/js/185.272cbfc7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[185],{520:function(t,e,r){"use strict";r.r(e);var a=r(3),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js"}},[t._v("#")]),t._v(" Chart.js")]),t._v(" "),e("p",[t._v("Welcome to Chart.js!")]),t._v(" "),e("ul",[e("li",[e("strong",[e("RouterLink",{attrs:{to:"/getting-started/"}},[t._v("Get started with Chart.js")]),t._v(" — best if you're new to Chart.js")],1)]),t._v(" "),e("li",[t._v("Migrate from "),e("RouterLink",{attrs:{to:"/migration/v4-migration.html"}},[t._v("Chart.js v3")]),t._v(" or "),e("RouterLink",{attrs:{to:"/migration/v3-migration.html"}},[t._v("Chart.js v2")])],1),t._v(" "),e("li",[t._v("Join the community on "),e("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[t._v("Discord"),e("OutboundLink")],1),t._v(" and "),e("a",{attrs:{href:"https://twitter.com/chartjs",target:"_blank",rel:"noopener noreferrer"}},[t._v("Twitter"),e("OutboundLink")],1)]),t._v(" "),e("li",[t._v("Post a question tagged with "),e("code",[t._v("chart.js")]),t._v(" on "),e("a",{attrs:{href:"https://stackoverflow.com/questions/tagged/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("Stack Overflow"),e("OutboundLink")],1)]),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/developers/contributing.html"}},[t._v("Contribute to Chart.js")])],1)]),t._v(" "),e("h2",{attrs:{id:"why-chart-js"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#why-chart-js"}},[t._v("#")]),t._v(" Why Chart.js")]),t._v(" "),e("p",[t._v("Among "),e("a",{attrs:{href:"https://awesome.cube.dev/?tools=charts&ref=eco-chartjs",target:"_blank",rel:"noopener noreferrer"}},[t._v("many charting libraries"),e("OutboundLink")],1),t._v(" for JavaScript application developers, Chart.js is currently the most popular one according to "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("GitHub stars"),e("OutboundLink")],1),t._v(" (~60,000) and "),e("a",{attrs:{href:"https://www.npmjs.com/package/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("npm downloads"),e("OutboundLink")],1),t._v(" (~2,400,000 weekly).")]),t._v(" "),e("p",[t._v("Chart.js was created and "),e("a",{attrs:{href:"https://twitter.com/_nnnick/status/313599208387137536",target:"_blank",rel:"noopener noreferrer"}},[t._v("announced"),e("OutboundLink")],1),t._v(" in 2013 but has come a long way since then. It’s open-source, licensed under the very permissive "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/LICENSE.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("MIT license"),e("OutboundLink")],1),t._v(", and maintained by an active community.")]),t._v(" "),e("h3",{attrs:{id:"features"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#features"}},[t._v("#")]),t._v(" Features")]),t._v(" "),e("p",[t._v("Chart.js provides a set of frequently used chart types, plugins, and customization options. In addition to a reasonable set of "),e("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("built-in chart types")]),t._v(", you can use additional community-maintained "),e("a",{attrs:{href:"https://github.com/chartjs/awesome#charts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart types"),e("OutboundLink")],1),t._v(". On top of that, it’s possible to combine several chart types into a "),e("RouterLink",{attrs:{to:"/charts/mixed.html"}},[t._v("mixed chart")]),t._v(" (essentially, blending multiple chart types into one on the same canvas).")],1),t._v(" "),e("p",[t._v("Chart.js is highly customizable with "),e("a",{attrs:{href:"https://github.com/chartjs/awesome#plugins",target:"_blank",rel:"noopener noreferrer"}},[t._v("custom plugins"),e("OutboundLink")],1),t._v(" to create annotations, zoom, or drag-and-drop functionalities to name a few things.")]),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" Defaults")]),t._v(" "),e("p",[t._v("Chart.js comes with a sound default configuration, making it very easy to start with and get an app that is ready for production. Chances are you will get a very appealing chart even if you don’t specify any options at all. For instance, Chart.js has animations turned on by default, so you can instantly bring attention to the story you’re telling with the data.")]),t._v(" "),e("h3",{attrs:{id:"integrations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#integrations"}},[t._v("#")]),t._v(" Integrations")]),t._v(" "),e("p",[t._v("Chart.js comes with built-in TypeScript typings and is compatible with all popular "),e("a",{attrs:{href:"https://github.com/chartjs/awesome#javascript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript frameworks"),e("OutboundLink")],1),t._v(" including "),e("a",{attrs:{href:"https://github.com/reactchartjs/react-chartjs-2",target:"_blank",rel:"noopener noreferrer"}},[t._v("React"),e("OutboundLink")],1),t._v(", "),e("a",{attrs:{href:"https://github.com/apertureless/vue-chartjs/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Vue"),e("OutboundLink")],1),t._v(", "),e("a",{attrs:{href:"https://github.com/SauravKanchan/svelte-chartjs",target:"_blank",rel:"noopener noreferrer"}},[t._v("Svelte"),e("OutboundLink")],1),t._v(", and "),e("a",{attrs:{href:"https://github.com/valor-software/ng2-charts",target:"_blank",rel:"noopener noreferrer"}},[t._v("Angular"),e("OutboundLink")],1),t._v(". You can use Chart.js directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.")]),t._v(" "),e("h3",{attrs:{id:"developer-experience"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#developer-experience"}},[t._v("#")]),t._v(" Developer experience")]),t._v(" "),e("p",[t._v("Chart.js has very thorough documentation (yes, you're reading it), "),e("RouterLink",{attrs:{to:"/api/"}},[t._v("API reference")]),t._v(", and "),e("RouterLink",{attrs:{to:"/samples/information.html"}},[t._v("examples")]),t._v(". Maintainers and community members eagerly engage in conversations on "),e("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[t._v("Discord"),e("OutboundLink")],1),t._v(", "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/discussions",target:"_blank",rel:"noopener noreferrer"}},[t._v("GitHub Discussions"),e("OutboundLink")],1),t._v(", and "),e("a",{attrs:{href:"https://stackoverflow.com/questions/tagged/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("Stack Overflow"),e("OutboundLink")],1),t._v(" where more than 11,000 questions are tagged with "),e("code",[t._v("chart.js")]),t._v(".")],1),t._v(" "),e("h3",{attrs:{id:"canvas-rendering"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#canvas-rendering"}},[t._v("#")]),t._v(" Canvas rendering")]),t._v(" "),e("p",[t._v("Chart.js renders chart elements on an HTML5 canvas unlike several others, mostly D3.js-based, charting libraries that render as SVG. Canvas rendering makes Chart.js very performant, especially for large datasets and complex visualizations that would otherwise require thousands of SVG nodes in the DOM tree. At the same time, canvas rendering disallows CSS styling, so you will have to use built-in options for that, or create a custom plugin or chart type to render everything to your liking.")]),t._v(" "),e("h3",{attrs:{id:"performance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#performance"}},[t._v("#")]),t._v(" Performance")]),t._v(" "),e("p",[t._v("Chart.js is very well suited for large datasets. Such datasets can be efficiently ingested using the internal format, so you can skip data "),e("RouterLink",{attrs:{to:"/general/performance.html#parsing"}},[t._v("parsing")]),t._v(" and "),e("RouterLink",{attrs:{to:"/general/performance.html#data-normalization"}},[t._v("normalization")]),t._v(". Alternatively, "),e("RouterLink",{attrs:{to:"/configuration/decimation.html"}},[t._v("data decimation")]),t._v(" can be configured to sample the dataset and reduce its size before rendering.")],1),t._v(" "),e("p",[t._v("In the end, the canvas rendering that Chart.js uses reduces the toll on your DOM tree in comparison to SVG rendering. Also, tree-shaking support allows you to include minimal parts of Chart.js code in your bundle, reducing bundle size and page load time.")]),t._v(" "),e("h3",{attrs:{id:"community"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#community"}},[t._v("#")]),t._v(" Community")]),t._v(" "),e("p",[t._v("Chart.js is "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/pulls?q=is%3Apr+is%3Aclosed",target:"_blank",rel:"noopener noreferrer"}},[t._v("actively developed"),e("OutboundLink")],1),t._v(" and maintained by the community. With minor "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/releases",target:"_blank",rel:"noopener noreferrer"}},[t._v("releases"),e("OutboundLink")],1),t._v(" on an approximately bi-monthly basis and major releases with breaking changes every couple of years, Chart.js keeps the balance between adding new features and making it a hassle to keep up with them.")])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[185],{522:function(t,e,r){"use strict";r.r(e);var a=r(3),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js"}},[t._v("#")]),t._v(" Chart.js")]),t._v(" "),e("p",[t._v("Welcome to Chart.js!")]),t._v(" "),e("ul",[e("li",[e("strong",[e("RouterLink",{attrs:{to:"/getting-started/"}},[t._v("Get started with Chart.js")]),t._v(" — best if you're new to Chart.js")],1)]),t._v(" "),e("li",[t._v("Migrate from "),e("RouterLink",{attrs:{to:"/migration/v4-migration.html"}},[t._v("Chart.js v3")]),t._v(" or "),e("RouterLink",{attrs:{to:"/migration/v3-migration.html"}},[t._v("Chart.js v2")])],1),t._v(" "),e("li",[t._v("Join the community on "),e("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[t._v("Discord"),e("OutboundLink")],1),t._v(" and "),e("a",{attrs:{href:"https://twitter.com/chartjs",target:"_blank",rel:"noopener noreferrer"}},[t._v("Twitter"),e("OutboundLink")],1)]),t._v(" "),e("li",[t._v("Post a question tagged with "),e("code",[t._v("chart.js")]),t._v(" on "),e("a",{attrs:{href:"https://stackoverflow.com/questions/tagged/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("Stack Overflow"),e("OutboundLink")],1)]),t._v(" "),e("li",[e("RouterLink",{attrs:{to:"/developers/contributing.html"}},[t._v("Contribute to Chart.js")])],1)]),t._v(" "),e("h2",{attrs:{id:"why-chart-js"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#why-chart-js"}},[t._v("#")]),t._v(" Why Chart.js")]),t._v(" "),e("p",[t._v("Among "),e("a",{attrs:{href:"https://awesome.cube.dev/?tools=charts&ref=eco-chartjs",target:"_blank",rel:"noopener noreferrer"}},[t._v("many charting libraries"),e("OutboundLink")],1),t._v(" for JavaScript application developers, Chart.js is currently the most popular one according to "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("GitHub stars"),e("OutboundLink")],1),t._v(" (~60,000) and "),e("a",{attrs:{href:"https://www.npmjs.com/package/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("npm downloads"),e("OutboundLink")],1),t._v(" (~2,400,000 weekly).")]),t._v(" "),e("p",[t._v("Chart.js was created and "),e("a",{attrs:{href:"https://twitter.com/_nnnick/status/313599208387137536",target:"_blank",rel:"noopener noreferrer"}},[t._v("announced"),e("OutboundLink")],1),t._v(" in 2013 but has come a long way since then. It’s open-source, licensed under the very permissive "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/LICENSE.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("MIT license"),e("OutboundLink")],1),t._v(", and maintained by an active community.")]),t._v(" "),e("h3",{attrs:{id:"features"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#features"}},[t._v("#")]),t._v(" Features")]),t._v(" "),e("p",[t._v("Chart.js provides a set of frequently used chart types, plugins, and customization options. In addition to a reasonable set of "),e("RouterLink",{attrs:{to:"/charts/area.html"}},[t._v("built-in chart types")]),t._v(", you can use additional community-maintained "),e("a",{attrs:{href:"https://github.com/chartjs/awesome#charts",target:"_blank",rel:"noopener noreferrer"}},[t._v("chart types"),e("OutboundLink")],1),t._v(". On top of that, it’s possible to combine several chart types into a "),e("RouterLink",{attrs:{to:"/charts/mixed.html"}},[t._v("mixed chart")]),t._v(" (essentially, blending multiple chart types into one on the same canvas).")],1),t._v(" "),e("p",[t._v("Chart.js is highly customizable with "),e("a",{attrs:{href:"https://github.com/chartjs/awesome#plugins",target:"_blank",rel:"noopener noreferrer"}},[t._v("custom plugins"),e("OutboundLink")],1),t._v(" to create annotations, zoom, or drag-and-drop functionalities to name a few things.")]),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" Defaults")]),t._v(" "),e("p",[t._v("Chart.js comes with a sound default configuration, making it very easy to start with and get an app that is ready for production. Chances are you will get a very appealing chart even if you don’t specify any options at all. For instance, Chart.js has animations turned on by default, so you can instantly bring attention to the story you’re telling with the data.")]),t._v(" "),e("h3",{attrs:{id:"integrations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#integrations"}},[t._v("#")]),t._v(" Integrations")]),t._v(" "),e("p",[t._v("Chart.js comes with built-in TypeScript typings and is compatible with all popular "),e("a",{attrs:{href:"https://github.com/chartjs/awesome#javascript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript frameworks"),e("OutboundLink")],1),t._v(" including "),e("a",{attrs:{href:"https://github.com/reactchartjs/react-chartjs-2",target:"_blank",rel:"noopener noreferrer"}},[t._v("React"),e("OutboundLink")],1),t._v(", "),e("a",{attrs:{href:"https://github.com/apertureless/vue-chartjs/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Vue"),e("OutboundLink")],1),t._v(", "),e("a",{attrs:{href:"https://github.com/SauravKanchan/svelte-chartjs",target:"_blank",rel:"noopener noreferrer"}},[t._v("Svelte"),e("OutboundLink")],1),t._v(", and "),e("a",{attrs:{href:"https://github.com/valor-software/ng2-charts",target:"_blank",rel:"noopener noreferrer"}},[t._v("Angular"),e("OutboundLink")],1),t._v(". You can use Chart.js directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.")]),t._v(" "),e("h3",{attrs:{id:"developer-experience"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#developer-experience"}},[t._v("#")]),t._v(" Developer experience")]),t._v(" "),e("p",[t._v("Chart.js has very thorough documentation (yes, you're reading it), "),e("RouterLink",{attrs:{to:"/api/"}},[t._v("API reference")]),t._v(", and "),e("RouterLink",{attrs:{to:"/samples/information.html"}},[t._v("examples")]),t._v(". Maintainers and community members eagerly engage in conversations on "),e("a",{attrs:{href:"https://discord.gg/HxEguTK6av",target:"_blank",rel:"noopener noreferrer"}},[t._v("Discord"),e("OutboundLink")],1),t._v(", "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/discussions",target:"_blank",rel:"noopener noreferrer"}},[t._v("GitHub Discussions"),e("OutboundLink")],1),t._v(", and "),e("a",{attrs:{href:"https://stackoverflow.com/questions/tagged/chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("Stack Overflow"),e("OutboundLink")],1),t._v(" where more than 11,000 questions are tagged with "),e("code",[t._v("chart.js")]),t._v(".")],1),t._v(" "),e("h3",{attrs:{id:"canvas-rendering"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#canvas-rendering"}},[t._v("#")]),t._v(" Canvas rendering")]),t._v(" "),e("p",[t._v("Chart.js renders chart elements on an HTML5 canvas unlike several others, mostly D3.js-based, charting libraries that render as SVG. Canvas rendering makes Chart.js very performant, especially for large datasets and complex visualizations that would otherwise require thousands of SVG nodes in the DOM tree. At the same time, canvas rendering disallows CSS styling, so you will have to use built-in options for that, or create a custom plugin or chart type to render everything to your liking.")]),t._v(" "),e("h3",{attrs:{id:"performance"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#performance"}},[t._v("#")]),t._v(" Performance")]),t._v(" "),e("p",[t._v("Chart.js is very well suited for large datasets. Such datasets can be efficiently ingested using the internal format, so you can skip data "),e("RouterLink",{attrs:{to:"/general/performance.html#parsing"}},[t._v("parsing")]),t._v(" and "),e("RouterLink",{attrs:{to:"/general/performance.html#data-normalization"}},[t._v("normalization")]),t._v(". Alternatively, "),e("RouterLink",{attrs:{to:"/configuration/decimation.html"}},[t._v("data decimation")]),t._v(" can be configured to sample the dataset and reduce its size before rendering.")],1),t._v(" "),e("p",[t._v("In the end, the canvas rendering that Chart.js uses reduces the toll on your DOM tree in comparison to SVG rendering. Also, tree-shaking support allows you to include minimal parts of Chart.js code in your bundle, reducing bundle size and page load time.")]),t._v(" "),e("h3",{attrs:{id:"community"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#community"}},[t._v("#")]),t._v(" Community")]),t._v(" "),e("p",[t._v("Chart.js is "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/pulls?q=is%3Apr+is%3Aclosed",target:"_blank",rel:"noopener noreferrer"}},[t._v("actively developed"),e("OutboundLink")],1),t._v(" and maintained by the community. With minor "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/releases",target:"_blank",rel:"noopener noreferrer"}},[t._v("releases"),e("OutboundLink")],1),t._v(" on an approximately bi-monthly basis and major releases with breaking changes every couple of years, Chart.js keeps the balance between adding new features and making it a hassle to keep up with them.")])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/187.105ec896.js b/docs/master/assets/js/187.0d7633a5.js similarity index 99% rename from docs/master/assets/js/187.105ec896.js rename to docs/master/assets/js/187.0d7633a5.js index bd23c07bda..7015158f63 100644 --- a/docs/master/assets/js/187.105ec896.js +++ b/docs/master/assets/js/187.0d7633a5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[187],{522:function(e,t,a){"use strict";a.r(t);var r=a(3),s=Object(r.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"_4-x-migration-guide"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_4-x-migration-guide"}},[e._v("#")]),e._v(" 4.x Migration Guide")]),e._v(" "),t("p",[e._v("Chart.js 4.0 introduces a number of breaking changes. We tried keeping the amount of breaking changes to a minimum. For some features and bug fixes it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit.")]),e._v(" "),t("h2",{attrs:{id:"end-user-migration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#end-user-migration"}},[e._v("#")]),e._v(" End user migration")]),e._v(" "),t("h3",{attrs:{id:"charts"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#charts"}},[e._v("#")]),e._v(" Charts")]),e._v(" "),t("ul",[t("li",[e._v("Charts don't override the default tooltip callbacks, so all chart types have the same-looking tooltips.")]),e._v(" "),t("li",[e._v("Default scale override has been removed if the configured scale starts with "),t("code",[e._v("x")]),e._v("/"),t("code",[e._v("y")]),e._v(". Defining "),t("code",[e._v("xAxes")]),e._v(" in your config will now create a second scale instead of overriding the default "),t("code",[e._v("x")]),e._v(" axis.")])]),e._v(" "),t("h3",{attrs:{id:"options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[e._v("#")]),e._v(" Options")]),e._v(" "),t("p",[e._v("A number of changes were made to the configuration options passed to the "),t("code",[e._v("Chart")]),e._v(" constructor. Those changes are documented below.")]),e._v(" "),t("h4",{attrs:{id:"specific-changes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#specific-changes"}},[e._v("#")]),e._v(" Specific changes")]),e._v(" "),t("ul",[t("li",[e._v("The radialLinear grid indexable and scriptable options don't decrease the index of the specified grid line anymore.")]),e._v(" "),t("li",[e._v("The "),t("code",[e._v("destroy")]),e._v(" plugin hook has been removed and replaced with "),t("code",[e._v("afterDestroy")]),e._v(".")]),e._v(" "),t("li",[e._v("Ticks callback on time scale now receives timestamp instead of a formatted label.")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.drawBorder")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.display")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderWidth")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.width")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderColor")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.color")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderDash")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.dash")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderDashOffset")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.dashOffset")]),e._v(".")]),e._v(" "),t("li",[e._v("The z index for the border of a scale is now configurable instead of being 1 higher as the grid z index.")]),e._v(" "),t("li",[e._v("Linear scales now add and subtracts "),t("code",[e._v("5%")]),e._v(" of the max value to the range if the min and max are the same instead of "),t("code",[e._v("1")]),e._v(".")]),e._v(" "),t("li",[e._v("If the tooltip callback returns "),t("code",[e._v("undefined")]),e._v(", then the default callback will be used.")]),e._v(" "),t("li",[t("code",[e._v("maintainAspectRatio")]),e._v(" respects container height.")]),e._v(" "),t("li",[e._v("Time and timeseries scales use "),t("code",[e._v("ticks.stepSize")]),e._v(" instead of "),t("code",[e._v("time.stepSize")]),e._v(", which has been removed.")]),e._v(" "),t("li",[t("code",[e._v("maxTickslimit")]),e._v(" won't be used for the ticks in "),t("code",[e._v("autoSkip")]),e._v(" if the determined max ticks is less then the "),t("code",[e._v("maxTicksLimit")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("dist/chart.js")]),e._v(" has been removed.")]),e._v(" "),t("li",[t("code",[e._v("dist/chart.min.js")]),e._v(" has been renamed to "),t("code",[e._v("dist/chart.umd.js")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("dist/chart.esm.js")]),e._v(" has been renamed to "),t("code",[e._v("dist/chart.js")]),e._v(".")])]),e._v(" "),t("h4",{attrs:{id:"type-changes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[e._v("#")]),e._v(" Type changes")]),e._v(" "),t("ul",[t("li",[e._v("The order of the "),t("code",[e._v("ChartMeta")]),e._v(" parameters have been changed from "),t("code",[e._v("")]),e._v(" to "),t("code",[e._v("")]),e._v(".")])]),e._v(" "),t("h3",{attrs:{id:"general"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[e._v("#")]),e._v(" General")]),e._v(" "),t("ul",[t("li",[e._v("Chart.js becomes an "),t("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("ESM-only package"),t("OutboundLink")],1),e._v(" ("),t("RouterLink",{attrs:{to:"/getting-started/installation.html#cdn"}},[e._v("the UMD bundle is still available")]),e._v("). To use Chart.js, your project should also be an ES module. Make sure to have this in your "),t("code",[e._v("package.json")]),e._v(":"),t("div",{staticClass:"language-json extra-class"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v("{")]),e._v("\n "),t("span",{pre:!0,attrs:{class:"token property"}},[e._v('"type"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(":")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[e._v('"module"')]),e._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v("}")]),e._v("\n")])])]),e._v("If you are experiencing problems with "),t("a",{attrs:{href:"https://jestjs.io",target:"_blank",rel:"noopener noreferrer"}},[e._v("Jest"),t("OutboundLink")],1),e._v(", follow its "),t("a",{attrs:{href:"https://jestjs.io/docs/ecmascript-modules",target:"_blank",rel:"noopener noreferrer"}},[e._v("documentation"),t("OutboundLink")],1),e._v(" to enable the ESM support. Or, we can recommend you migrating to "),t("a",{attrs:{href:"https://vitest.dev/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vitest"),t("OutboundLink")],1),e._v(". Vitest has the ESM support out of the box and "),t("a",{attrs:{href:"https://vitest.dev/guide/migration.html#migrating-from-jest",target:"_blank",rel:"noopener noreferrer"}},[e._v("almost the same API as Jest"),t("OutboundLink")],1),e._v(". See an "),t("a",{attrs:{href:"https://github.com/reactchartjs/react-chartjs-2/commit/7f3ec96101d21e43cae8cbfe5e09a46a17cff1ef",target:"_blank",rel:"noopener noreferrer"}},[e._v("example of migration"),t("OutboundLink")],1),e._v(".")],1),e._v(" "),t("li",[e._v("Removed fallback to "),t("code",[e._v("fontColor")]),e._v(" for the legend text and strikethrough color.")]),e._v(" "),t("li",[e._v("Removed "),t("code",[e._v("config._chart")]),e._v(" fallback for "),t("code",[e._v("this.chart")]),e._v(" in the filler plugin.")]),e._v(" "),t("li",[e._v("Removed "),t("code",[e._v("this._chart")]),e._v(" in the filler plugin.")])])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[187],{523:function(e,t,a){"use strict";a.r(t);var r=a(3),s=Object(r.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"_4-x-migration-guide"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#_4-x-migration-guide"}},[e._v("#")]),e._v(" 4.x Migration Guide")]),e._v(" "),t("p",[e._v("Chart.js 4.0 introduces a number of breaking changes. We tried keeping the amount of breaking changes to a minimum. For some features and bug fixes it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit.")]),e._v(" "),t("h2",{attrs:{id:"end-user-migration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#end-user-migration"}},[e._v("#")]),e._v(" End user migration")]),e._v(" "),t("h3",{attrs:{id:"charts"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#charts"}},[e._v("#")]),e._v(" Charts")]),e._v(" "),t("ul",[t("li",[e._v("Charts don't override the default tooltip callbacks, so all chart types have the same-looking tooltips.")]),e._v(" "),t("li",[e._v("Default scale override has been removed if the configured scale starts with "),t("code",[e._v("x")]),e._v("/"),t("code",[e._v("y")]),e._v(". Defining "),t("code",[e._v("xAxes")]),e._v(" in your config will now create a second scale instead of overriding the default "),t("code",[e._v("x")]),e._v(" axis.")])]),e._v(" "),t("h3",{attrs:{id:"options"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[e._v("#")]),e._v(" Options")]),e._v(" "),t("p",[e._v("A number of changes were made to the configuration options passed to the "),t("code",[e._v("Chart")]),e._v(" constructor. Those changes are documented below.")]),e._v(" "),t("h4",{attrs:{id:"specific-changes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#specific-changes"}},[e._v("#")]),e._v(" Specific changes")]),e._v(" "),t("ul",[t("li",[e._v("The radialLinear grid indexable and scriptable options don't decrease the index of the specified grid line anymore.")]),e._v(" "),t("li",[e._v("The "),t("code",[e._v("destroy")]),e._v(" plugin hook has been removed and replaced with "),t("code",[e._v("afterDestroy")]),e._v(".")]),e._v(" "),t("li",[e._v("Ticks callback on time scale now receives timestamp instead of a formatted label.")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.drawBorder")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.display")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderWidth")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.width")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderColor")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.color")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderDash")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.dash")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("scales[id].grid.borderDashOffset")]),e._v(" has been renamed to "),t("code",[e._v("scales[id].border.dashOffset")]),e._v(".")]),e._v(" "),t("li",[e._v("The z index for the border of a scale is now configurable instead of being 1 higher as the grid z index.")]),e._v(" "),t("li",[e._v("Linear scales now add and subtracts "),t("code",[e._v("5%")]),e._v(" of the max value to the range if the min and max are the same instead of "),t("code",[e._v("1")]),e._v(".")]),e._v(" "),t("li",[e._v("If the tooltip callback returns "),t("code",[e._v("undefined")]),e._v(", then the default callback will be used.")]),e._v(" "),t("li",[t("code",[e._v("maintainAspectRatio")]),e._v(" respects container height.")]),e._v(" "),t("li",[e._v("Time and timeseries scales use "),t("code",[e._v("ticks.stepSize")]),e._v(" instead of "),t("code",[e._v("time.stepSize")]),e._v(", which has been removed.")]),e._v(" "),t("li",[t("code",[e._v("maxTickslimit")]),e._v(" won't be used for the ticks in "),t("code",[e._v("autoSkip")]),e._v(" if the determined max ticks is less then the "),t("code",[e._v("maxTicksLimit")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("dist/chart.js")]),e._v(" has been removed.")]),e._v(" "),t("li",[t("code",[e._v("dist/chart.min.js")]),e._v(" has been renamed to "),t("code",[e._v("dist/chart.umd.js")]),e._v(".")]),e._v(" "),t("li",[t("code",[e._v("dist/chart.esm.js")]),e._v(" has been renamed to "),t("code",[e._v("dist/chart.js")]),e._v(".")])]),e._v(" "),t("h4",{attrs:{id:"type-changes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#type-changes"}},[e._v("#")]),e._v(" Type changes")]),e._v(" "),t("ul",[t("li",[e._v("The order of the "),t("code",[e._v("ChartMeta")]),e._v(" parameters have been changed from "),t("code",[e._v("")]),e._v(" to "),t("code",[e._v("")]),e._v(".")])]),e._v(" "),t("h3",{attrs:{id:"general"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#general"}},[e._v("#")]),e._v(" General")]),e._v(" "),t("ul",[t("li",[e._v("Chart.js becomes an "),t("a",{attrs:{href:"https://nodejs.org/api/esm.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("ESM-only package"),t("OutboundLink")],1),e._v(" ("),t("RouterLink",{attrs:{to:"/getting-started/installation.html#cdn"}},[e._v("the UMD bundle is still available")]),e._v("). To use Chart.js, your project should also be an ES module. Make sure to have this in your "),t("code",[e._v("package.json")]),e._v(":"),t("div",{staticClass:"language-json extra-class"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v("{")]),e._v("\n "),t("span",{pre:!0,attrs:{class:"token property"}},[e._v('"type"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[e._v(":")]),e._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[e._v('"module"')]),e._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[e._v("}")]),e._v("\n")])])]),e._v("If you are experiencing problems with "),t("a",{attrs:{href:"https://jestjs.io",target:"_blank",rel:"noopener noreferrer"}},[e._v("Jest"),t("OutboundLink")],1),e._v(", follow its "),t("a",{attrs:{href:"https://jestjs.io/docs/ecmascript-modules",target:"_blank",rel:"noopener noreferrer"}},[e._v("documentation"),t("OutboundLink")],1),e._v(" to enable the ESM support. Or, we can recommend you migrating to "),t("a",{attrs:{href:"https://vitest.dev/",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vitest"),t("OutboundLink")],1),e._v(". Vitest has the ESM support out of the box and "),t("a",{attrs:{href:"https://vitest.dev/guide/migration.html#migrating-from-jest",target:"_blank",rel:"noopener noreferrer"}},[e._v("almost the same API as Jest"),t("OutboundLink")],1),e._v(". See an "),t("a",{attrs:{href:"https://github.com/reactchartjs/react-chartjs-2/commit/7f3ec96101d21e43cae8cbfe5e09a46a17cff1ef",target:"_blank",rel:"noopener noreferrer"}},[e._v("example of migration"),t("OutboundLink")],1),e._v(".")],1),e._v(" "),t("li",[e._v("Removed fallback to "),t("code",[e._v("fontColor")]),e._v(" for the legend text and strikethrough color.")]),e._v(" "),t("li",[e._v("Removed "),t("code",[e._v("config._chart")]),e._v(" fallback for "),t("code",[e._v("this.chart")]),e._v(" in the filler plugin.")]),e._v(" "),t("li",[e._v("Removed "),t("code",[e._v("this._chart")]),e._v(" in the filler plugin.")])])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/189.5bcab025.js b/docs/master/assets/js/189.137e32d7.js similarity index 99% rename from docs/master/assets/js/189.5bcab025.js rename to docs/master/assets/js/189.137e32d7.js index 3f779ae7b3..a1b9b79a00 100644 --- a/docs/master/assets/js/189.5bcab025.js +++ b/docs/master/assets/js/189.137e32d7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[189],{525:function(t,s,a){"use strict";a.r(s);var n=a(3),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"derived-axis-type"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#derived-axis-type"}},[t._v("#")]),t._v(" Derived Axis Type")]),t._v(" "),s("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 1000};\nconst labels = Utils.months({count: DATA_COUNT});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'My First dataset',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n fill: false,\n }\n ],\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n responsive: true,\n scales: {\n x: {\n display: true,\n },\n y: {\n display: true,\n type: 'log2',\n }\n }\n }\n};\n\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),s("h2",{attrs:{id:"log2-axis-implementation"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#log2-axis-implementation"}},[t._v("#")]),t._v(" Log2 axis implementation")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("Scale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Log2Axis")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Scale")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("constructor")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("cfg")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("parse")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("raw"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("LinearScale")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("prototype"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("parse")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("apply")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("raw"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" index"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("isFinite")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("determineDataLimits")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMinMax")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("isFinite")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("isFinite")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("buildTicks")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" ticks "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" power "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" maxPower "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("ceil")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("while")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("power "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" maxPower"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" power"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n power "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * @protected\n */")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" start "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getPixelForValue")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getPixelForDecimal")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getValueForPixel")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("pixel")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" decimal "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDecimalForPixel")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("pixel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" decimal "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\nLog2Axis"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'log2'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nLog2Axis"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The derived axis is registered like this:")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Chart.register(Log2Axis);")]),t._v("\n")])])]),s("h2",{attrs:{id:"docs"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),s("ul",[s("li",[s("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),s("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),s("li",[s("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),s("li",[s("RouterLink",{attrs:{to:"/developers/axes.html"}},[t._v("New Axes")])],1)])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[189],{526:function(t,s,a){"use strict";a.r(s);var n=a(3),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"derived-axis-type"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#derived-axis-type"}},[t._v("#")]),t._v(" Derived Axis Type")]),t._v(" "),s("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 1000};\nconst labels = Utils.months({count: DATA_COUNT});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'My First dataset',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n fill: false,\n }\n ],\n};\n// \n\n// \nconst config = {\n type: 'line',\n data,\n options: {\n responsive: true,\n scales: {\n x: {\n display: true,\n },\n y: {\n display: true,\n type: 'log2',\n }\n }\n }\n};\n\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),s("h2",{attrs:{id:"log2-axis-implementation"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#log2-axis-implementation"}},[t._v("#")]),t._v(" Log2 axis implementation")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("Scale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" LinearScale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Log2Axis")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Scale")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("constructor")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("cfg")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("parse")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("raw"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("LinearScale")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("prototype"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("parse")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("apply")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("raw"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" index"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("isFinite")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("&&")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("determineDataLimits")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMinMax")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("isFinite")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("isFinite")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("max")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("buildTicks")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" ticks "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" power "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("floor")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" maxPower "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("ceil")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("while")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("power "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" maxPower"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("value")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" power"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n power "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" ticks"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/**\n * @protected\n */")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" start "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("configure")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("start"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getPixelForValue")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getPixelForDecimal")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getValueForPixel")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("pixel")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" decimal "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getDecimalForPixel")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("pixel"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_startValue "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" decimal "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("_valueRange"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\nLog2Axis"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'log2'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nLog2Axis"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// The derived axis is registered like this:")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Chart.register(Log2Axis);")]),t._v("\n")])])]),s("h2",{attrs:{id:"docs"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),s("ul",[s("li",[s("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),s("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),s("li",[s("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),s("li",[s("RouterLink",{attrs:{to:"/developers/axes.html"}},[t._v("New Axes")])],1)])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/19.c917904b.js b/docs/master/assets/js/19.dd4f148b.js similarity index 94% rename from docs/master/assets/js/19.c917904b.js rename to docs/master/assets/js/19.dd4f148b.js index 7f663f0f3b..f6bf2e9499 100644 --- a/docs/master/assets/js/19.c917904b.js +++ b/docs/master/assets/js/19.dd4f148b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{352:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-chart-ttype-tdata-tlabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-chart-ttype-tdata-tlabel"}},[t._v("#")]),t._v(" Class: Chart")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#defaultdatapoint"}},[e("code",[t._v("DefaultDataPoint")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TLabel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Chart")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">("),e("code",[t._v("item")]),t._v(", "),e("code",[t._v("config")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v(" = keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TLabel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartitem"}},[e("code",[t._v("ChartItem")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L509",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:509"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"aspectratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aspectratio"}},[t._v("#")]),t._v(" aspectRatio")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("aspectRatio")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L496",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:496"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"attached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#attached"}},[t._v("#")]),t._v(" attached")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("attached")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L501",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:501"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxes"}},[t._v("#")]),t._v(" boxes")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("boxes")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L497",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:497"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"canvas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#canvas"}},[t._v("#")]),t._v(" canvas")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("canvas")]),t._v(": "),e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L491",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:491"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartarea"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartarea"}},[t._v("#")]),t._v(" chartArea")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chartArea")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L499",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:499"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"config"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#config"}},[t._v("#")]),t._v(" config")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("config")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L493",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:493"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L492",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:492"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"currentdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#currentdevicepixelratio"}},[t._v("#")]),t._v(" currentDevicePixelRatio")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("currentDevicePixelRatio")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L498",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:498"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"data"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" data")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("data")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L506",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:506"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L495",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:495"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L490",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:490"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"legend"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#legend"}},[t._v("#")]),t._v(" legend")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("legend")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LegendElement.html"}},[e("code",[t._v("LegendElement")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L503",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:503"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("Exclude")]),t._v("<"),e("code",[t._v("DeepPartial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreChartOptions.html"}},[e("code",[t._v("CoreChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#elementchartoptions"}},[e("code",[t._v("ElementChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/PluginChartOptions.html"}},[e("code",[t._v("PluginChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#datasetchartoptions"}},[e("code",[t._v("DatasetChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#scalechartoptions"}},[e("code",[t._v("ScaleChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"chartOptions"')]),t._v("]>, "),e("code",[t._v("_DeepPartialArray")]),t._v("<"),e("code",[t._v("unknown")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L507",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:507"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"platform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#platform"}},[t._v("#")]),t._v(" platform")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("platform")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[e("code",[t._v("BasePlatform")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L489",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:489"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scales"}},[t._v("#")]),t._v(" scales")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("scales")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"index-signature"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [key: "),e("code",[t._v("string")]),t._v("]: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L500",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:500"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" tooltip")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("tooltip")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L504",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:504"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L494",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:494"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Defaults.html"}},[e("code",[t._v("Defaults")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L551",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:551"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"instances"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#instances"}},[t._v("#")]),t._v(" instances")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("instances")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"index-signature-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature-2"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [key: "),e("code",[t._v("string")]),t._v("]: "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L554",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:554"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" overrides")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("overrides")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#overrides"}},[e("code",[t._v("Overrides")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L552",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:552"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"registry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#registry"}},[t._v("#")]),t._v(" registry")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("registry")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Registry.html"}},[e("code",[t._v("Registry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L555",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:555"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#version"}},[t._v("#")]),t._v(" version")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("version")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L553",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:553"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"bindevents"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bindevents"}},[t._v("#")]),t._v(" bindEvents")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("bindEvents")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L541",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:541"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdatecontrollers"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdatecontrollers"}},[t._v("#")]),t._v(" buildOrUpdateControllers")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateControllers")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L517",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:517"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdatescales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdatescales"}},[t._v("#")]),t._v(" buildOrUpdateScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateScales")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L516",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:516"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clear"}},[t._v("#")]),t._v(" clear")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("clear")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L511",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:511"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"destroy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#destroy"}},[t._v("#")]),t._v(" destroy")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("destroy")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L539",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:539"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L521",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:521"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ensurescaleshaveids"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ensurescaleshaveids"}},[t._v("#")]),t._v(" ensureScalesHaveIDs")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("ensureScalesHaveIDs")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L515",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:515"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getactiveelements"}},[t._v("#")]),t._v(" getActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getActiveElements")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L536",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:536"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcontext"}},[t._v("#")]),t._v(" getContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getContext")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L549",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:549"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdatavisibility"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdatavisibility"}},[t._v("#")]),t._v(" getDataVisibility")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataVisibility")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L532",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:532"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdatasetmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdatasetmeta"}},[t._v("#")]),t._v(" getDatasetMeta")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDatasetMeta")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L527",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:527"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getelementsateventformode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getelementsateventformode"}},[t._v("#")]),t._v(" getElementsAtEventForMode")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getElementsAtEventForMode")]),t._v("("),e("code",[t._v("e")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("options")]),t._v(", "),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("e")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Event")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[e("code",[t._v("InteractionOptions")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L524",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:524"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getsortedvisibledatasetmetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getsortedvisibledatasetmetas"}},[t._v("#")]),t._v(" getSortedVisibleDatasetMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getSortedVisibleDatasetMetas")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L526",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:526"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvisibledatasetcount"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvisibledatasetcount"}},[t._v("#")]),t._v(" getVisibleDatasetCount")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getVisibleDatasetCount")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L528",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:528"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hide"}},[t._v("#")]),t._v(" hide")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hide")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("dataIndex?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("dataIndex?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L533",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:533"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isdatasetvisible"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isdatasetvisible"}},[t._v("#")]),t._v(" isDatasetVisible")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isDatasetVisible")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L529",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:529"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ispluginenabled"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ispluginenabled"}},[t._v("#")]),t._v(" isPluginEnabled")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isPluginEnabled")]),t._v("("),e("code",[t._v("pluginId")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pluginId")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L547",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:547"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ispointinarea"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ispointinarea"}},[t._v("#")]),t._v(" isPointInArea")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isPointInArea")]),t._v("("),e("code",[t._v("point")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("point")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L523",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:523"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"notifyplugins"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#notifyplugins"}},[t._v("#")]),t._v(" notifyPlugins")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("notifyPlugins")]),t._v("("),e("code",[t._v("hook")]),t._v(", "),e("code",[t._v("args?")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hook")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L545",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:545"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"render"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#render"}},[t._v("#")]),t._v(" render")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("render")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L520",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:520"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("reset")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L518",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:518"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resize"}},[t._v("#")]),t._v(" resize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("resize")]),t._v("("),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L514",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:514"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setactiveelements"}},[t._v("#")]),t._v(" setActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setActiveElements")]),t._v("("),e("code",[t._v("active")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[e("code",[t._v("ActiveDataPoint")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L537",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:537"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdatasetvisibility"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdatasetvisibility"}},[t._v("#")]),t._v(" setDatasetVisibility")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDatasetVisibility")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("visible")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("visible")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L530",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:530"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"show"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#show"}},[t._v("#")]),t._v(" show")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("show")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("dataIndex?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("dataIndex?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L534",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:534"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("stop")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L512",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:512"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tobase64image"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tobase64image"}},[t._v("#")]),t._v(" toBase64Image")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("toBase64Image")]),t._v("("),e("code",[t._v("type?")]),t._v(", "),e("code",[t._v("quality?")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("quality?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L540",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:540"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"toggledatavisibility"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#toggledatavisibility"}},[t._v("#")]),t._v(" toggleDataVisibility")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("toggleDataVisibility")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L531",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:531"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"unbindevents"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#unbindevents"}},[t._v("#")]),t._v(" unbindEvents")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("unbindEvents")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L542",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:542"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("mode?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')]),t._v(" | ("),e("code",[t._v("ctx")]),t._v(": { "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(" }) => "),e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L519",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:519"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatehoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatehoverstyle"}},[t._v("#")]),t._v(" updateHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateHoverStyle")]),t._v("("),e("code",[t._v("items")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("enabled")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"dataset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("enabled")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L543",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:543"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getchart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getchart"}},[t._v("#")]),t._v(" getChart")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("getChart")]),t._v("("),e("code",[t._v("key")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("key")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("CanvasRenderingContext2D")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L556",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:556"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"register"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#register"}},[t._v("#")]),t._v(" register")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("register")]),t._v("("),e("code",[t._v("...items")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L557",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:557"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"unregister"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#unregister"}},[t._v("#")]),t._v(" unregister")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("unregister")]),t._v("("),e("code",[t._v("...items")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L558",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:558"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{353:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-chart-ttype-tdata-tlabel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-chart-ttype-tdata-tlabel"}},[t._v("#")]),t._v(" Class: Chart")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#defaultdatapoint"}},[e("code",[t._v("DefaultDataPoint")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TLabel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Chart")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">("),e("code",[t._v("item")]),t._v(", "),e("code",[t._v("config")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v(" = keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("DistributiveArray")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"defaultDataPoint"')]),t._v("]>")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TLabel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("item")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartitem"}},[e("code",[t._v("ChartItem")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L509",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:509"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"aspectratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aspectratio"}},[t._v("#")]),t._v(" aspectRatio")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("aspectRatio")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L496",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:496"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"attached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#attached"}},[t._v("#")]),t._v(" attached")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("attached")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L501",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:501"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"boxes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#boxes"}},[t._v("#")]),t._v(" boxes")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("boxes")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L497",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:497"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"canvas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#canvas"}},[t._v("#")]),t._v(" canvas")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("canvas")]),t._v(": "),e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L491",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:491"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chartarea"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chartarea"}},[t._v("#")]),t._v(" chartArea")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chartArea")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L499",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:499"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"config"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#config"}},[t._v("#")]),t._v(" config")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("config")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v("> | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L493",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:493"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L492",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:492"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"currentdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#currentdevicepixelratio"}},[t._v("#")]),t._v(" currentDevicePixelRatio")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("currentDevicePixelRatio")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L498",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:498"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"data"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#data"}},[t._v("#")]),t._v(" data")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("data")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartData.html"}},[e("code",[t._v("ChartData")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L506",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:506"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L495",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:495"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L490",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:490"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"legend"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#legend"}},[t._v("#")]),t._v(" legend")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("legend")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/LegendElement.html"}},[e("code",[t._v("LegendElement")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L503",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:503"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("Exclude")]),t._v("<"),e("code",[t._v("DeepPartial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreChartOptions.html"}},[e("code",[t._v("CoreChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#elementchartoptions"}},[e("code",[t._v("ElementChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/PluginChartOptions.html"}},[e("code",[t._v("PluginChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#datasetchartoptions"}},[e("code",[t._v("DatasetChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/#scalechartoptions"}},[e("code",[t._v("ScaleChartOptions")])]),t._v("<"),e("code",[t._v("TType")]),t._v("> & "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v("["),e("code",[t._v("TType")]),t._v("]["),e("code",[t._v('"chartOptions"')]),t._v("]>, "),e("code",[t._v("_DeepPartialArray")]),t._v("<"),e("code",[t._v("unknown")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L507",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:507"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"platform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#platform"}},[t._v("#")]),t._v(" platform")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("platform")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[e("code",[t._v("BasePlatform")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L489",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:489"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"scales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#scales"}},[t._v("#")]),t._v(" scales")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("scales")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"index-signature"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [key: "),e("code",[t._v("string")]),t._v("]: "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L500",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:500"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltip"}},[t._v("#")]),t._v(" tooltip")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("tooltip")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[e("code",[t._v("TooltipModel")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L504",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:504"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L494",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:494"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Defaults.html"}},[e("code",[t._v("Defaults")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L551",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:551"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"instances"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#instances"}},[t._v("#")]),t._v(" instances")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("instances")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"index-signature-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index-signature-2"}},[t._v("#")]),t._v(" Index signature")]),t._v(" "),e("p",[t._v("▪ [key: "),e("code",[t._v("string")]),t._v("]: "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L554",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:554"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" overrides")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("overrides")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#overrides"}},[e("code",[t._v("Overrides")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L552",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:552"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"registry"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#registry"}},[t._v("#")]),t._v(" registry")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("registry")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Registry.html"}},[e("code",[t._v("Registry")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L555",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:555"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"version"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#version"}},[t._v("#")]),t._v(" version")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("version")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L553",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:553"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"bindevents"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bindevents"}},[t._v("#")]),t._v(" bindEvents")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("bindEvents")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L541",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:541"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdatecontrollers"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdatecontrollers"}},[t._v("#")]),t._v(" buildOrUpdateControllers")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateControllers")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L517",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:517"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdatescales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdatescales"}},[t._v("#")]),t._v(" buildOrUpdateScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateScales")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L516",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:516"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clear"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clear"}},[t._v("#")]),t._v(" clear")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("clear")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L511",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:511"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"destroy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#destroy"}},[t._v("#")]),t._v(" destroy")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("destroy")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L539",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:539"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L521",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:521"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ensurescaleshaveids"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ensurescaleshaveids"}},[t._v("#")]),t._v(" ensureScalesHaveIDs")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("ensureScalesHaveIDs")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L515",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:515"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getactiveelements"}},[t._v("#")]),t._v(" getActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getActiveElements")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L536",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:536"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcontext"}},[t._v("#")]),t._v(" getContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getContext")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L549",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:549"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdatavisibility"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdatavisibility"}},[t._v("#")]),t._v(" getDataVisibility")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataVisibility")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L532",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:532"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdatasetmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdatasetmeta"}},[t._v("#")]),t._v(" getDatasetMeta")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDatasetMeta")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L527",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:527"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getelementsateventformode"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getelementsateventformode"}},[t._v("#")]),t._v(" getElementsAtEventForMode")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getElementsAtEventForMode")]),t._v("("),e("code",[t._v("e")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("options")]),t._v(", "),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("e")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Event")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionOptions.html"}},[e("code",[t._v("InteractionOptions")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L524",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:524"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getsortedvisibledatasetmetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getsortedvisibledatasetmetas"}},[t._v("#")]),t._v(" getSortedVisibleDatasetMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getSortedVisibleDatasetMetas")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L526",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:526"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvisibledatasetcount"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvisibledatasetcount"}},[t._v("#")]),t._v(" getVisibleDatasetCount")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getVisibleDatasetCount")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L528",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:528"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hide"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hide"}},[t._v("#")]),t._v(" hide")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hide")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("dataIndex?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("dataIndex?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L533",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:533"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isdatasetvisible"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isdatasetvisible"}},[t._v("#")]),t._v(" isDatasetVisible")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isDatasetVisible")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L529",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:529"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ispluginenabled"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ispluginenabled"}},[t._v("#")]),t._v(" isPluginEnabled")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isPluginEnabled")]),t._v("("),e("code",[t._v("pluginId")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pluginId")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L547",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:547"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ispointinarea"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ispointinarea"}},[t._v("#")]),t._v(" isPointInArea")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isPointInArea")]),t._v("("),e("code",[t._v("point")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("point")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L523",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:523"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"notifyplugins"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#notifyplugins"}},[t._v("#")]),t._v(" notifyPlugins")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("notifyPlugins")]),t._v("("),e("code",[t._v("hook")]),t._v(", "),e("code",[t._v("args?")]),t._v("): "),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hook")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("args?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L545",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:545"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"render"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#render"}},[t._v("#")]),t._v(" render")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("render")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L520",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:520"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("reset")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L518",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:518"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resize"}},[t._v("#")]),t._v(" resize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("resize")]),t._v("("),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L514",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:514"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setactiveelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setactiveelements"}},[t._v("#")]),t._v(" setActiveElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setActiveElements")]),t._v("("),e("code",[t._v("active")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[e("code",[t._v("ActiveDataPoint")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L537",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:537"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdatasetvisibility"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdatasetvisibility"}},[t._v("#")]),t._v(" setDatasetVisibility")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDatasetVisibility")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("visible")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("visible")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L530",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:530"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"show"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#show"}},[t._v("#")]),t._v(" show")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("show")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("dataIndex?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("dataIndex?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L534",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:534"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("stop")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TData")]),t._v(", "),e("code",[t._v("TLabel")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L512",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:512"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tobase64image"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tobase64image"}},[t._v("#")]),t._v(" toBase64Image")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("toBase64Image")]),t._v("("),e("code",[t._v("type?")]),t._v(", "),e("code",[t._v("quality?")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("quality?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L540",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:540"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"toggledatavisibility"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#toggledatavisibility"}},[t._v("#")]),t._v(" toggleDataVisibility")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("toggleDataVisibility")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L531",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:531"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"unbindevents"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#unbindevents"}},[t._v("#")]),t._v(" unbindEvents")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("unbindEvents")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L542",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:542"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("mode?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')]),t._v(" | ("),e("code",[t._v("ctx")]),t._v(": { "),e("code",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")]),t._v(" }) => "),e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L519",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:519"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatehoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatehoverstyle"}},[t._v("#")]),t._v(" updateHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateHoverStyle")]),t._v("("),e("code",[t._v("items")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("enabled")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/InteractionItem.html"}},[e("code",[t._v("InteractionItem")])]),t._v("[]")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"dataset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("enabled")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L543",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:543"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getchart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getchart"}},[t._v("#")]),t._v(" getChart")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("getChart")]),t._v("("),e("code",[t._v("key")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("key")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("HTMLCanvasElement")]),t._v(" | "),e("code",[t._v("CanvasRenderingContext2D")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L556",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:556"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"register"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#register"}},[t._v("#")]),t._v(" register")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("register")]),t._v("("),e("code",[t._v("...items")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L557",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:557"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"unregister"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#unregister"}},[t._v("#")]),t._v(" unregister")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("unregister")]),t._v("("),e("code",[t._v("...items")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("...items")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartcomponentlike"}},[e("code",[t._v("ChartComponentLike")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L558",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:558"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/190.52502351.js b/docs/master/assets/js/190.1ed954c2.js similarity index 99% rename from docs/master/assets/js/190.52502351.js rename to docs/master/assets/js/190.1ed954c2.js index 05ce716b20..2a1ed338b9 100644 --- a/docs/master/assets/js/190.52502351.js +++ b/docs/master/assets/js/190.1ed954c2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[190],{526:function(t,s,a){"use strict";a.r(s);var n=a(3),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"derived-chart-type"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#derived-chart-type"}},[t._v("#")]),t._v(" Derived Chart Type")]),t._v(" "),s("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100, rmin: 1, rmax: 20};\nconst data = {\n datasets: [\n {\n label: 'My First dataset',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n borderWidth: 1,\n boxStrokeStyle: 'red',\n data: Utils.bubbles(NUMBER_CFG)\n }\n ],\n};\n// \n\n// \nconst config = {\n type: 'derivedBubble',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Derived Chart Type'\n },\n }\n }\n};\n\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),s("h2",{attrs:{id:"derivedbubble-implementation"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#derivedbubble-implementation"}},[t._v("#")]),t._v(" DerivedBubble Implementation")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" BubbleController"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Custom")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("BubbleController")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Call bubble controller method to draw all the points")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("arguments"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can do some custom drawing for this dataset.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Here we'll draw a box around the first point in each dataset,")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// using `boxStrokeStyle` dataset option for color")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" meta "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMeta")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" pt0 "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" meta"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getProps")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("save")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("strokeStyle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("boxStrokeStyle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lineWidth "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("strokeRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("x "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("restore")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'derivedBubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Custom defaults. Bubble defaults are inherited.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("boxStrokeStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Overrides are only inherited, but not merged if defined")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Custom.overrides = Chart.overrides.bubble;")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Stores the controller so that the chart initialization routine can look it up")]),t._v("\nChart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Custom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"docs"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),s("ul",[s("li",[s("RouterLink",{attrs:{to:"/charts/bubble.html"}},[t._v("Bubble Chart")])],1),t._v(" "),s("li",[s("RouterLink",{attrs:{to:"/developers/charts.html"}},[t._v("New Charts")])],1)])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[190],{525:function(t,s,a){"use strict";a.r(s);var n=a(3),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"derived-chart-type"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#derived-chart-type"}},[t._v("#")]),t._v(" Derived Chart Type")]),t._v(" "),s("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100, rmin: 1, rmax: 20};\nconst data = {\n datasets: [\n {\n label: 'My First dataset',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n borderWidth: 1,\n boxStrokeStyle: 'red',\n data: Utils.bubbles(NUMBER_CFG)\n }\n ],\n};\n// \n\n// \nconst config = {\n type: 'derivedBubble',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Derived Chart Type'\n },\n }\n }\n};\n\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),s("h2",{attrs:{id:"derivedbubble-implementation"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#derivedbubble-implementation"}},[t._v("#")]),t._v(" DerivedBubble Implementation")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("Chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" BubbleController"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("class")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("Custom")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("extends")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("BubbleController")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Call bubble controller method to draw all the points")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("super")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("draw")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("arguments"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Now we can do some custom drawing for this dataset.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Here we'll draw a box around the first point in each dataset,")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// using `boxStrokeStyle` dataset option for color")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" meta "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getMeta")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" pt0 "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" meta"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getProps")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'x'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'y'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" pt0"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" ctx "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("chart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("save")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("strokeStyle "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("options"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("boxStrokeStyle"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("lineWidth "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("strokeRect")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("x "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" y "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("2")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" radius"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n ctx"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("restore")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("id "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'derivedBubble'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\nCustom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("defaults "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Custom defaults. Bubble defaults are inherited.")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("boxStrokeStyle")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'red'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Overrides are only inherited, but not merged if defined")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Custom.overrides = Chart.overrides.bubble;")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Stores the controller so that the chart initialization routine can look it up")]),t._v("\nChart"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("register")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Custom"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("h2",{attrs:{id:"docs"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),s("ul",[s("li",[s("RouterLink",{attrs:{to:"/charts/bubble.html"}},[t._v("Bubble Chart")])],1),t._v(" "),s("li",[s("RouterLink",{attrs:{to:"/developers/charts.html"}},[t._v("New Charts")])],1)])],1)}),[],!1,null,null,null);s.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/192.39415525.js b/docs/master/assets/js/192.b16e18f5.js similarity index 98% rename from docs/master/assets/js/192.39415525.js rename to docs/master/assets/js/192.b16e18f5.js index fd926643a6..7110e3806a 100644 --- a/docs/master/assets/js/192.39415525.js +++ b/docs/master/assets/js/192.b16e18f5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[192],{529:function(t,n,e){"use strict";e.r(n);var o=e(3),r=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"programmatic-event-triggers"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#programmatic-event-triggers"}},[t._v("#")]),t._v(" Programmatic Event Triggers")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nfunction triggerHover(chart) {\n if (chart.getActiveElements().length > 0) {\n chart.setActiveElements([]);\n } else {\n chart.setActiveElements([\n {\n datasetIndex: 0,\n index: 0,\n }, {\n datasetIndex: 1,\n index: 0,\n }\n ]);\n }\n chart.update();\n}\n// \n\n// \nfunction triggerTooltip(chart) {\n const tooltip = chart.tooltip;\n if (tooltip.getActiveElements().length > 0) {\n tooltip.setActiveElements([], {x: 0, y: 0});\n } else {\n const chartArea = chart.chartArea;\n tooltip.setActiveElements([\n {\n datasetIndex: 0,\n index: 2,\n }, {\n datasetIndex: 1,\n index: 2,\n }\n ],\n {\n x: (chartArea.left + chartArea.right) / 2,\n y: (chartArea.top + chartArea.bottom) / 2,\n });\n }\n\n chart.update();\n}\n// \n\n// \nconst actions = [\n {\n name: 'Trigger Hover',\n handler: triggerHover\n },\n {\n name: 'Trigger Tooltip',\n handler: triggerTooltip\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n hoverBorderWidth: 5,\n hoverBorderColor: 'green',\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n hoverBorderWidth: 5,\n hoverBorderColor: 'green',\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"api"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[t._v("Chart")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html#setactiveelements"}},[n("code",[t._v("setActiveElements")])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[t._v("TooltipModel")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html#setactiveelements"}},[n("code",[t._v("setActiveElements")])])],1)])],1)]),t._v(" "),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#interactions"}},[t._v("Interactions ("),n("code",[t._v("hoverBorderColor")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/interactions.html"}},[t._v("Interactions")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")])],1)])],1)}),[],!1,null,null,null);n.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[192],{528:function(t,n,e){"use strict";e.r(n);var o=e(3),r=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"programmatic-event-triggers"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#programmatic-event-triggers"}},[t._v("#")]),t._v(" Programmatic Event Triggers")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nfunction triggerHover(chart) {\n if (chart.getActiveElements().length > 0) {\n chart.setActiveElements([]);\n } else {\n chart.setActiveElements([\n {\n datasetIndex: 0,\n index: 0,\n }, {\n datasetIndex: 1,\n index: 0,\n }\n ]);\n }\n chart.update();\n}\n// \n\n// \nfunction triggerTooltip(chart) {\n const tooltip = chart.tooltip;\n if (tooltip.getActiveElements().length > 0) {\n tooltip.setActiveElements([], {x: 0, y: 0});\n } else {\n const chartArea = chart.chartArea;\n tooltip.setActiveElements([\n {\n datasetIndex: 0,\n index: 2,\n }, {\n datasetIndex: 1,\n index: 2,\n }\n ],\n {\n x: (chartArea.left + chartArea.right) / 2,\n y: (chartArea.top + chartArea.bottom) / 2,\n });\n }\n\n chart.update();\n}\n// \n\n// \nconst actions = [\n {\n name: 'Trigger Hover',\n handler: triggerHover\n },\n {\n name: 'Trigger Tooltip',\n handler: triggerTooltip\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n hoverBorderWidth: 5,\n hoverBorderColor: 'green',\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n hoverBorderWidth: 5,\n hoverBorderColor: 'green',\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"api"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[t._v("Chart")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html#setactiveelements"}},[n("code",[t._v("setActiveElements")])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html"}},[t._v("TooltipModel")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/interfaces/TooltipModel.html#setactiveelements"}},[n("code",[t._v("setActiveElements")])])],1)])],1)]),t._v(" "),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#interactions"}},[t._v("Interactions ("),n("code",[t._v("hoverBorderColor")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/interactions.html"}},[t._v("Interactions")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")])],1)])],1)}),[],!1,null,null,null);n.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/193.ba84e13c.js b/docs/master/assets/js/193.bbeb72db.js similarity index 98% rename from docs/master/assets/js/193.ba84e13c.js rename to docs/master/assets/js/193.bbeb72db.js index 41b6e1dfab..af4dff706e 100644 --- a/docs/master/assets/js/193.ba84e13c.js +++ b/docs/master/assets/js/193.bbeb72db.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[193],{528:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"animation-progress-bar"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#animation-progress-bar"}},[t._v("#")]),t._v(" Animation Progress Bar")]),t._v(" "),n("h2",{attrs:{id:"initial-animation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animation"}},[t._v("#")]),t._v(" Initial animation")]),t._v(" "),n("p",[n("progress",{staticStyle:{width:"100%"},attrs:{id:"initialProgress",max:"1",value:"0"}})]),t._v(" "),n("h2",{attrs:{id:"other-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#other-animations"}},[t._v("#")]),t._v(" Other animations")]),t._v(" "),n("p",[n("progress",{staticStyle:{width:"100%"},attrs:{id:"animationProgress",max:"1",value:"0"}})]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst initProgress = document.getElementById('initialProgress');\nconst progress = document.getElementById('animationProgress');\n\nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n animation: {\n duration: 2000,\n onProgress: function(context) {\n if (context.initial) {\n initProgress.value = context.currentStep / context.numSteps;\n } else {\n progress.value = context.currentStep / context.numSteps;\n }\n },\n onComplete: function(context) {\n if (context.initial) {\n console.log('Initial animation finished');\n } else {\n console.log('animation finished');\n }\n }\n },\n interaction: {\n mode: 'nearest',\n axis: 'x',\n intersect: false\n },\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart - Animation Progress Bar'\n }\n },\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is displayed here'\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation-callbacks"}},[t._v("Animation Callbacks")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[193],{529:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"animation-progress-bar"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#animation-progress-bar"}},[t._v("#")]),t._v(" Animation Progress Bar")]),t._v(" "),n("h2",{attrs:{id:"initial-animation"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#initial-animation"}},[t._v("#")]),t._v(" Initial animation")]),t._v(" "),n("p",[n("progress",{staticStyle:{width:"100%"},attrs:{id:"initialProgress",max:"1",value:"0"}})]),t._v(" "),n("h2",{attrs:{id:"other-animations"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#other-animations"}},[t._v("#")]),t._v(" Other animations")]),t._v(" "),n("p",[n("progress",{staticStyle:{width:"100%"},attrs:{id:"animationProgress",max:"1",value:"0"}})]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst initProgress = document.getElementById('initialProgress');\nconst progress = document.getElementById('animationProgress');\n\nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n animation: {\n duration: 2000,\n onProgress: function(context) {\n if (context.initial) {\n initProgress.value = context.currentStep / context.numSteps;\n } else {\n progress.value = context.currentStep / context.numSteps;\n }\n },\n onComplete: function(context) {\n if (context.initial) {\n console.log('Initial animation finished');\n } else {\n console.log('animation finished');\n }\n }\n },\n interaction: {\n mode: 'nearest',\n axis: 'x',\n intersect: false\n },\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart - Animation Progress Bar'\n }\n },\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n output: 'console.log output is displayed here'\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation-callbacks"}},[t._v("Animation Callbacks")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/195.6d8b8fa5.js b/docs/master/assets/js/195.dc7a552a.js similarity index 97% rename from docs/master/assets/js/195.6d8b8fa5.js rename to docs/master/assets/js/195.dc7a552a.js index 855720db1a..a78618314e 100644 --- a/docs/master/assets/js/195.6d8b8fa5.js +++ b/docs/master/assets/js/195.dc7a552a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[195],{534:function(t,n,a){"use strict";a.r(n);var o=a(3),e=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"delay"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#delay"}},[t._v("#")]),t._v(" Delay")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.blue,\n },\n {\n label: 'Dataset 3',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.green,\n },\n ]\n};\n// \n\n// \nlet delayed;\nconst config = {\n type: 'bar',\n data: data,\n options: {\n animation: {\n onComplete: () => {\n delayed = true;\n },\n delay: (context) => {\n let delay = 0;\n if (context.type === 'data' && context.mode === 'default' && !delayed) {\n delay = context.dataIndex * 300 + context.datasetIndex * 100;\n }\n return delay;\n },\n },\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation"}},[t._v("animation ("),n("code",[t._v("delay")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation-callbacks"}},[t._v("Animation Callbacks")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#stacked-bar-chart"}},[t._v("Stacked Bar Chart")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[195],{531:function(t,n,a){"use strict";a.r(n);var o=a(3),e=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"delay"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#delay"}},[t._v("#")]),t._v(" Delay")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.blue,\n },\n {\n label: 'Dataset 3',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.green,\n },\n ]\n};\n// \n\n// \nlet delayed;\nconst config = {\n type: 'bar',\n data: data,\n options: {\n animation: {\n onComplete: () => {\n delayed = true;\n },\n delay: (context) => {\n let delay = 0;\n if (context.type === 'data' && context.mode === 'default' && !delayed) {\n delay = context.dataIndex * 300 + context.datasetIndex * 100;\n }\n return delay;\n },\n },\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation"}},[t._v("animation ("),n("code",[t._v("delay")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation-callbacks"}},[t._v("Animation Callbacks")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#stacked-bar-chart"}},[t._v("Stacked Bar Chart")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/197.5783622e.js b/docs/master/assets/js/197.0bc59228.js similarity index 98% rename from docs/master/assets/js/197.5783622e.js rename to docs/master/assets/js/197.0bc59228.js index 64d313d9f0..e13f9159e2 100644 --- a/docs/master/assets/js/197.5783622e.js +++ b/docs/master/assets/js/197.0bc59228.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[197],{531:function(t,n,a){"use strict";a.r(n);var o=a(3),e=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"loop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#loop"}},[t._v("#")]),t._v(" Loop")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: DATA_COUNT});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n tension: 0.4,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n tension: 0.2,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n animations: {\n radius: {\n duration: 400,\n easing: 'linear',\n loop: (context) => context.active\n }\n },\n hoverRadius: 12,\n hoverBackgroundColor: 'yellow',\n interaction: {\n mode: 'nearest',\n intersect: false,\n axis: 'x'\n },\n plugins: {\n tooltip: {\n enabled: false\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation"}},[t._v("animation")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("duration")])]),t._v(" "),n("li",[n("code",[t._v("easing")])]),t._v(" "),n("li",[n("strong",[n("code",[t._v("loop")])])])])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#default-animations"}},[t._v("Default animations ("),n("code",[t._v("radius")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html"}},[t._v("Elements")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("Point Configuration")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("hoverRadius")])]),t._v(" "),n("li",[n("code",[t._v("hoverBackgroundColor")])])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip ("),n("code",[t._v("enabled")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[197],{533:function(t,n,a){"use strict";a.r(n);var o=a(3),e=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"loop"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#loop"}},[t._v("#")]),t._v(" Loop")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: DATA_COUNT});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n tension: 0.4,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n tension: 0.2,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n animations: {\n radius: {\n duration: 400,\n easing: 'linear',\n loop: (context) => context.active\n }\n },\n hoverRadius: 12,\n hoverBackgroundColor: 'yellow',\n interaction: {\n mode: 'nearest',\n intersect: false,\n axis: 'x'\n },\n plugins: {\n tooltip: {\n enabled: false\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation"}},[t._v("animation")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("duration")])]),t._v(" "),n("li",[n("code",[t._v("easing")])]),t._v(" "),n("li",[n("strong",[n("code",[t._v("loop")])])])])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#default-animations"}},[t._v("Default animations ("),n("code",[t._v("radius")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html"}},[t._v("Elements")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("Point Configuration")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("hoverRadius")])]),t._v(" "),n("li",[n("code",[t._v("hoverBackgroundColor")])])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip ("),n("code",[t._v("enabled")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/198.a79517ca.js b/docs/master/assets/js/198.b7e99567.js similarity index 98% rename from docs/master/assets/js/198.a79517ca.js rename to docs/master/assets/js/198.b7e99567.js index 57e2c5bdae..1a65797962 100644 --- a/docs/master/assets/js/198.a79517ca.js +++ b/docs/master/assets/js/198.b7e99567.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[198],{533:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"progressive-line-with-easing"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#progressive-line-with-easing"}},[t._v("#")]),t._v(" Progressive Line With Easing")]),t._v(" "),n("chart-editor",{attrs:{code:"\n// \nconst data = [];\nconst data2 = [];\nlet prev = 100;\nlet prev2 = 80;\nfor (let i = 0; i < 1000; i++) {\n prev += 5 - Math.random() * 10;\n data.push({x: i, y: prev});\n prev2 += 5 - Math.random() * 10;\n data2.push({x: i, y: prev2});\n}\n// \n\n// \nlet easing = helpers.easingEffects.easeOutQuad;\nlet restart = false;\nconst totalDuration = 5000;\nconst duration = (ctx) => easing(ctx.index / data.length) * totalDuration / data.length;\nconst delay = (ctx) => easing(ctx.index / data.length) * totalDuration;\nconst previousY = (ctx) => ctx.index === 0 ? ctx.chart.scales.y.getPixelForValue(100) : ctx.chart.getDatasetMeta(ctx.datasetIndex).data[ctx.index - 1].getProps(['y'], true).y;\nconst animation = {\n x: {\n type: 'number',\n easing: 'linear',\n duration: duration,\n from: NaN, // the point is initially skipped\n delay(ctx) {\n if (ctx.type !== 'data' || ctx.xStarted) {\n return 0;\n }\n ctx.xStarted = true;\n return delay(ctx);\n }\n },\n y: {\n type: 'number',\n easing: 'linear',\n duration: duration,\n from: previousY,\n delay(ctx) {\n if (ctx.type !== 'data' || ctx.yStarted) {\n return 0;\n }\n ctx.yStarted = true;\n return delay(ctx);\n }\n }\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: {\n datasets: [{\n borderColor: Utils.CHART_COLORS.red,\n borderWidth: 1,\n radius: 0,\n data: data,\n },\n {\n borderColor: Utils.CHART_COLORS.blue,\n borderWidth: 1,\n radius: 0,\n data: data2,\n }]\n },\n options: {\n animation,\n interaction: {\n intersect: false\n },\n plugins: {\n legend: false,\n title: {\n display: true,\n text: () => easing.name\n }\n },\n scales: {\n x: {\n type: 'linear'\n }\n }\n }\n};\n// \n\n// \nfunction restartAnims(chart) {\n chart.stop();\n const meta0 = chart.getDatasetMeta(0);\n const meta1 = chart.getDatasetMeta(1);\n for (let i = 0; i < data.length; i++) {\n const ctx0 = meta0.controller.getContext(i);\n const ctx1 = meta1.controller.getContext(i);\n ctx0.xStarted = ctx0.yStarted = false;\n ctx1.xStarted = ctx1.yStarted = false;\n }\n chart.update();\n}\n\nconst actions = [\n {\n name: 'easeOutQuad',\n handler(chart) {\n easing = helpers.easingEffects.easeOutQuad;\n restartAnims(chart);\n }\n },\n {\n name: 'easeOutCubic',\n handler(chart) {\n easing = helpers.easingEffects.easeOutCubic;\n restartAnims(chart);\n }\n },\n {\n name: 'easeOutQuart',\n handler(chart) {\n easing = helpers.easingEffects.easeOutQuart;\n restartAnims(chart);\n }\n },\n {\n name: 'easeOutQuint',\n handler(chart) {\n easing = helpers.easingEffects.easeOutQuint;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInQuad',\n handler(chart) {\n easing = helpers.easingEffects.easeInQuad;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInCubic',\n handler(chart) {\n easing = helpers.easingEffects.easeInCubic;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInQuart',\n handler(chart) {\n easing = helpers.easingEffects.easeInQuart;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInQuint',\n handler(chart) {\n easing = helpers.easingEffects.easeInQuint;\n restartAnims(chart);\n }\n },\n];\n// \n\nmodule.exports = {\n config,\n actions\n};\n\n"}}),n("h2",{attrs:{id:"api"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" Api")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[t._v("Chart")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html#getdatasetmeta"}},[n("code",[t._v("getDatasetMeta")])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelforvalue"}},[n("code",[t._v("getPixelForValue")])])],1)])],1)]),t._v(" "),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation"}},[t._v("animation")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("delay")])]),t._v(" "),n("li",[n("code",[t._v("duration")])]),t._v(" "),n("li",[n("code",[t._v("easing")])]),t._v(" "),n("li",[n("code",[t._v("loop")])])])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#easing"}},[t._v("Easing")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#data"}},[t._v("Data Context")])],1)])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[198],{535:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"progressive-line-with-easing"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#progressive-line-with-easing"}},[t._v("#")]),t._v(" Progressive Line With Easing")]),t._v(" "),n("chart-editor",{attrs:{code:"\n// \nconst data = [];\nconst data2 = [];\nlet prev = 100;\nlet prev2 = 80;\nfor (let i = 0; i < 1000; i++) {\n prev += 5 - Math.random() * 10;\n data.push({x: i, y: prev});\n prev2 += 5 - Math.random() * 10;\n data2.push({x: i, y: prev2});\n}\n// \n\n// \nlet easing = helpers.easingEffects.easeOutQuad;\nlet restart = false;\nconst totalDuration = 5000;\nconst duration = (ctx) => easing(ctx.index / data.length) * totalDuration / data.length;\nconst delay = (ctx) => easing(ctx.index / data.length) * totalDuration;\nconst previousY = (ctx) => ctx.index === 0 ? ctx.chart.scales.y.getPixelForValue(100) : ctx.chart.getDatasetMeta(ctx.datasetIndex).data[ctx.index - 1].getProps(['y'], true).y;\nconst animation = {\n x: {\n type: 'number',\n easing: 'linear',\n duration: duration,\n from: NaN, // the point is initially skipped\n delay(ctx) {\n if (ctx.type !== 'data' || ctx.xStarted) {\n return 0;\n }\n ctx.xStarted = true;\n return delay(ctx);\n }\n },\n y: {\n type: 'number',\n easing: 'linear',\n duration: duration,\n from: previousY,\n delay(ctx) {\n if (ctx.type !== 'data' || ctx.yStarted) {\n return 0;\n }\n ctx.yStarted = true;\n return delay(ctx);\n }\n }\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: {\n datasets: [{\n borderColor: Utils.CHART_COLORS.red,\n borderWidth: 1,\n radius: 0,\n data: data,\n },\n {\n borderColor: Utils.CHART_COLORS.blue,\n borderWidth: 1,\n radius: 0,\n data: data2,\n }]\n },\n options: {\n animation,\n interaction: {\n intersect: false\n },\n plugins: {\n legend: false,\n title: {\n display: true,\n text: () => easing.name\n }\n },\n scales: {\n x: {\n type: 'linear'\n }\n }\n }\n};\n// \n\n// \nfunction restartAnims(chart) {\n chart.stop();\n const meta0 = chart.getDatasetMeta(0);\n const meta1 = chart.getDatasetMeta(1);\n for (let i = 0; i < data.length; i++) {\n const ctx0 = meta0.controller.getContext(i);\n const ctx1 = meta1.controller.getContext(i);\n ctx0.xStarted = ctx0.yStarted = false;\n ctx1.xStarted = ctx1.yStarted = false;\n }\n chart.update();\n}\n\nconst actions = [\n {\n name: 'easeOutQuad',\n handler(chart) {\n easing = helpers.easingEffects.easeOutQuad;\n restartAnims(chart);\n }\n },\n {\n name: 'easeOutCubic',\n handler(chart) {\n easing = helpers.easingEffects.easeOutCubic;\n restartAnims(chart);\n }\n },\n {\n name: 'easeOutQuart',\n handler(chart) {\n easing = helpers.easingEffects.easeOutQuart;\n restartAnims(chart);\n }\n },\n {\n name: 'easeOutQuint',\n handler(chart) {\n easing = helpers.easingEffects.easeOutQuint;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInQuad',\n handler(chart) {\n easing = helpers.easingEffects.easeInQuad;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInCubic',\n handler(chart) {\n easing = helpers.easingEffects.easeInCubic;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInQuart',\n handler(chart) {\n easing = helpers.easingEffects.easeInQuart;\n restartAnims(chart);\n }\n },\n {\n name: 'easeInQuint',\n handler(chart) {\n easing = helpers.easingEffects.easeInQuint;\n restartAnims(chart);\n }\n },\n];\n// \n\nmodule.exports = {\n config,\n actions\n};\n\n"}}),n("h2",{attrs:{id:"api"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" Api")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[t._v("Chart")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Chart.html#getdatasetmeta"}},[n("code",[t._v("getDatasetMeta")])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[t._v("Scale")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/api/classes/Scale.html#getpixelforvalue"}},[n("code",[t._v("getPixelForValue")])])],1)])],1)]),t._v(" "),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html"}},[t._v("Animations")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#animation"}},[t._v("animation")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("delay")])]),t._v(" "),n("li",[n("code",[t._v("duration")])]),t._v(" "),n("li",[n("code",[t._v("easing")])]),t._v(" "),n("li",[n("code",[t._v("loop")])])])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/animations.html#easing"}},[t._v("Easing")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#data"}},[t._v("Data Context")])],1)])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/20.5c72a5df.js b/docs/master/assets/js/20.4baa5883.js similarity index 95% rename from docs/master/assets/js/20.5c72a5df.js rename to docs/master/assets/js/20.4baa5883.js index 754afeb337..1b8424071e 100644 --- a/docs/master/assets/js/20.5c72a5df.js +++ b/docs/master/assets/js/20.4baa5883.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{354:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-datasetcontroller-ttype-telement-tdatasetelement-tparseddata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-datasetcontroller-ttype-telement-tdatasetelement-tparseddata"}},[t._v("#")]),t._v(" Class: DatasetController")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TDatasetElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TParsedData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("DatasetController")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutController.html"}},[e("code",[t._v("DoughnutController")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new DatasetController")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(", "),e("code",[t._v("TParsedData")]),t._v(">("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v(" = keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("TElement")]),t._v("> = "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TDatasetElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v("> = "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TParsedData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L588",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:588"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"cachedmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cachedmeta"}},[t._v("#")]),t._v(" _cachedMeta")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("_cachedMeta")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L592",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:592"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enableoptionsharing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enableoptionsharing"}},[t._v("#")]),t._v(" enableOptionSharing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("enableOptionSharing")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L591",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:591"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"supportsdecimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#supportsdecimation"}},[t._v("#")]),t._v(" supportsDecimation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("supportsDecimation")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:597"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"addelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addelements"}},[t._v("#")]),t._v(" addElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addElements")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"applystack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#applystack"}},[t._v("#")]),t._v(" applyStack")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("applyStack")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L649",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:649"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdateelements"}},[t._v("#")]),t._v(" buildOrUpdateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateElements")]),t._v("("),e("code",[t._v("resetNewElements?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("resetNewElements?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L614",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:614"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L611",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:611"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L606",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:606"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getallparsedvalues"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getallparsedvalues"}},[t._v("#")]),t._v(" getAllParsedValues")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getAllParsedValues")]),t._v("("),e("code",[t._v("scale")]),t._v("): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L600",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:600"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdataset"}},[t._v("#")]),t._v(" getDataset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataset")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L608",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:608"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelandvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelandvalue"}},[t._v("#")]),t._v(" getLabelAndValue")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getLabelAndValue")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("label")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L601",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:601"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaxoverflow"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaxoverflow"}},[t._v("#")]),t._v(" getMaxOverflow")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMaxOverflow")]),t._v("(): "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L605",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:605"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmeta"}},[t._v("#")]),t._v(" getMeta")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMeta")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L609",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:609"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("canStack?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L656",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:656"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getparsed"}},[t._v("#")]),t._v(" getParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getParsed")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("TParsedData")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("TParsedData")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L648",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:648"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getscaleforid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getscaleforid"}},[t._v("#")]),t._v(" getScaleForId")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getScaleForId")]),t._v("("),e("code",[t._v("scaleID")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scaleID")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L610",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:610"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getsharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getsharedoptions"}},[t._v("#")]),t._v(" getSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getSharedOptions")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("p",[t._v("Utility for checking if the options are shared and should be animated separately.")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L623",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:623"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getstyle"}},[t._v("#")]),t._v(" getStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getStyle")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("active")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L616",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:616"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"includeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#includeoptions"}},[t._v("#")]),t._v(" includeOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("includeOptions")]),t._v("("),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("sharedOptions")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Utility for determining if "),e("code",[t._v("options")]),t._v(" should be included in the updated properties")]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L628",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:628"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"initialize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#initialize"}},[t._v("#")]),t._v(" initialize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("initialize")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L612",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:612"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linkscales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linkscales"}},[t._v("#")]),t._v(" linkScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("linkScales")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L644",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:644"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsearraydata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsearraydata"}},[t._v("#")]),t._v(" parseArrayData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseArrayData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L646",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:646"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseobjectdata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseobjectdata"}},[t._v("#")]),t._v(" parseObjectData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseObjectData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L647",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:647"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseprimitivedata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseprimitivedata"}},[t._v("#")]),t._v(" parsePrimitiveData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parsePrimitiveData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L645",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:645"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removehoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removehoverstyle"}},[t._v("#")]),t._v(" removeHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L641",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:641"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("reset")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L607",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:607"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedataelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedataelementoptions"}},[t._v("#")]),t._v(" resolveDataElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDataElementOptions")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L618",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:618"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedatasetelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedatasetelementoptions"}},[t._v("#")]),t._v(" resolveDatasetElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDatasetElementOptions")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L617",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:617"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sethoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sethoverstyle"}},[t._v("#")]),t._v(" setHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L642",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:642"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L603",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:603"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelement"}},[t._v("#")]),t._v(" updateElement")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateElement")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("properties")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility for updating an element with new properties, using animations when appropriate.")]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")]),t._v(" | "),e("code",[t._v("TDatasetElement")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("properties")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L634",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:634"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelements"}},[t._v("#")]),t._v(" updateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateElements")]),t._v("("),e("code",[t._v("elements")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("elements")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L602",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:602"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateindex"}},[t._v("#")]),t._v(" updateIndex")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateIndex")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L604",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:604"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updaterangefromparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updaterangefromparsed"}},[t._v("#")]),t._v(" updateRangeFromParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateRangeFromParsed")]),t._v("("),e("code",[t._v("range")]),t._v(", "),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v(", "),e("code",[t._v("stack")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("stack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L650",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:650"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatesharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatesharedoptions"}},[t._v("#")]),t._v(" updateSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateSharedOptions")]),t._v("("),e("code",[t._v("sharedOptions")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("newOptions")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility to animate the shared options, that are potentially affecting multiple elements.")]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("newOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L640",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:640"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{351:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-datasetcontroller-ttype-telement-tdatasetelement-tparseddata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-datasetcontroller-ttype-telement-tdatasetelement-tparseddata"}},[t._v("#")]),t._v(" Class: DatasetController")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/#charttype"}},[e("code",[t._v("ChartType")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TDatasetElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("Element")]),t._v(" = "),e("code",[t._v("Element")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TParsedData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("DatasetController")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/DoughnutController.html"}},[e("code",[t._v("DoughnutController")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new DatasetController")]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(", "),e("code",[t._v("TParsedData")]),t._v(">("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TType")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])]),t._v(" = keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartTypeRegistry.html"}},[e("code",[t._v("ChartTypeRegistry")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("TElement")]),t._v("> = "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TDatasetElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v("> = "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TParsedData")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#parseddatatype"}},[e("code",[t._v("ParsedDataType")])]),t._v("<"),e("code",[t._v("TType")]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L588",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:588"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"cachedmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cachedmeta"}},[t._v("#")]),t._v(" _cachedMeta")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("_cachedMeta")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L592",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:592"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L590",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:590"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"enableoptionsharing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enableoptionsharing"}},[t._v("#")]),t._v(" enableOptionSharing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("enableOptionSharing")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L593",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:593"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L591",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:591"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"supportsdecimation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#supportsdecimation"}},[t._v("#")]),t._v(" supportsDecimation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("supportsDecimation")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L597",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:597"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"addelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addelements"}},[t._v("#")]),t._v(" addElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addElements")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L613",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:613"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"applystack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#applystack"}},[t._v("#")]),t._v(" applyStack")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("applyStack")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L649",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:649"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildorupdateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildorupdateelements"}},[t._v("#")]),t._v(" buildOrUpdateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildOrUpdateElements")]),t._v("("),e("code",[t._v("resetNewElements?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("resetNewElements?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L614",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:614"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L611",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:611"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L606",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:606"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getallparsedvalues"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getallparsedvalues"}},[t._v("#")]),t._v(" getAllParsedValues")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getAllParsedValues")]),t._v("("),e("code",[t._v("scale")]),t._v("): "),e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L600",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:600"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdataset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdataset"}},[t._v("#")]),t._v(" getDataset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDataset")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartdataset"}},[e("code",[t._v("ChartDataset")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L608",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:608"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelandvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelandvalue"}},[t._v("#")]),t._v(" getLabelAndValue")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getLabelAndValue")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("label")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L601",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:601"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaxoverflow"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaxoverflow"}},[t._v("#")]),t._v(" getMaxOverflow")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMaxOverflow")]),t._v("(): "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L605",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:605"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmeta"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmeta"}},[t._v("#")]),t._v(" getMeta")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMeta")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L609",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:609"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("canStack?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L656",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:656"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getparsed"}},[t._v("#")]),t._v(" getParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getParsed")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("TParsedData")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("TParsedData")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L648",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:648"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getscaleforid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getscaleforid"}},[t._v("#")]),t._v(" getScaleForId")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getScaleForId")]),t._v("("),e("code",[t._v("scaleID")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scaleID")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L610",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:610"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getsharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getsharedoptions"}},[t._v("#")]),t._v(" getSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("getSharedOptions")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("p",[t._v("Utility for checking if the options are shared and should be animated separately.")]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L623",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:623"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getstyle"}},[t._v("#")]),t._v(" getStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getStyle")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("active")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("active")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L616",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:616"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"includeoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#includeoptions"}},[t._v("#")]),t._v(" includeOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("includeOptions")]),t._v("("),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("sharedOptions")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Utility for determining if "),e("code",[t._v("options")]),t._v(" should be included in the updated properties")]),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L628",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:628"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"initialize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#initialize"}},[t._v("#")]),t._v(" initialize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("initialize")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L612",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:612"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"linkscales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#linkscales"}},[t._v("#")]),t._v(" linkScales")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("linkScales")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L599",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:599"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L644",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:644"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsearraydata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsearraydata"}},[t._v("#")]),t._v(" parseArrayData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseArrayData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L646",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:646"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseobjectdata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseobjectdata"}},[t._v("#")]),t._v(" parseObjectData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parseObjectData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L647",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:647"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parseprimitivedata"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parseprimitivedata"}},[t._v("#")]),t._v(" parsePrimitiveData")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("parsePrimitiveData")]),t._v("("),e("code",[t._v("meta")]),t._v(", "),e("code",[t._v("data")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v("): "),e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("meta")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v("<"),e("code",[t._v("TType")]),t._v(", "),e("code",[t._v("TElement")]),t._v(", "),e("code",[t._v("TDatasetElement")]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("data")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L645",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:645"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removehoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removehoverstyle"}},[t._v("#")]),t._v(" removeHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L641",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:641"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"reset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[t._v("#")]),t._v(" reset")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("reset")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L607",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:607"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedataelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedataelementoptions"}},[t._v("#")]),t._v(" resolveDataElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDataElementOptions")]),t._v("("),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L618",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:618"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"resolvedatasetelementoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#resolvedatasetelementoptions"}},[t._v("#")]),t._v(" resolveDatasetElementOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("resolveDatasetElementOptions")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("AnyObject")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L617",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:617"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"sethoverstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#sethoverstyle"}},[t._v("#")]),t._v(" setHoverStyle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setHoverStyle")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("datasetIndex")]),t._v(", "),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L642",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:642"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L603",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:603"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelement"}},[t._v("#")]),t._v(" updateElement")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateElement")]),t._v("("),e("code",[t._v("element")]),t._v(", "),e("code",[t._v("index")]),t._v(", "),e("code",[t._v("properties")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility for updating an element with new properties, using animations when appropriate.")]),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("element")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")]),t._v(" | "),e("code",[t._v("TDatasetElement")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("properties")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L634",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:634"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateelements"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateelements"}},[t._v("#")]),t._v(" updateElements")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateElements")]),t._v("("),e("code",[t._v("elements")]),t._v(", "),e("code",[t._v("start")]),t._v(", "),e("code",[t._v("count")]),t._v(", "),e("code",[t._v("mode")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("elements")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("TElement")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("start")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("count")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L602",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:602"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateindex"}},[t._v("#")]),t._v(" updateIndex")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateIndex")]),t._v("("),e("code",[t._v("datasetIndex")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-23"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("datasetIndex")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L604",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:604"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updaterangefromparsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updaterangefromparsed"}},[t._v("#")]),t._v(" updateRangeFromParsed")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateRangeFromParsed")]),t._v("("),e("code",[t._v("range")]),t._v(", "),e("code",[t._v("scale")]),t._v(", "),e("code",[t._v("parsed")]),t._v(", "),e("code",[t._v("stack")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-24"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("range.min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("scale")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Scale.html"}},[e("code",[t._v("Scale")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(">")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("parsed")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("stack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")]),t._v(" | "),e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L650",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:650"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updatesharedoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updatesharedoptions"}},[t._v("#")]),t._v(" updateSharedOptions")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Protected")]),t._v(" "),e("strong",[t._v("updateSharedOptions")]),t._v("("),e("code",[t._v("sharedOptions")]),t._v(", "),e("code",[t._v("mode")]),t._v(", "),e("code",[t._v("newOptions")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Utility to animate the shared options, that are potentially affecting multiple elements.")]),t._v(" "),e("h4",{attrs:{id:"parameters-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-25"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("sharedOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mode")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"none"')]),t._v(" | "),e("code",[t._v('"hide"')]),t._v(" | "),e("code",[t._v('"show"')]),t._v(" | "),e("code",[t._v('"default"')]),t._v(" | "),e("code",[t._v('"active"')]),t._v(" | "),e("code",[t._v('"resize"')]),t._v(" | "),e("code",[t._v('"reset"')])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("newOptions")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("AnyObject")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L640",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:640"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/200.e676ed68.js b/docs/master/assets/js/200.a4de8588.js similarity index 98% rename from docs/master/assets/js/200.e676ed68.js rename to docs/master/assets/js/200.a4de8588.js index 01b6497f51..7887dcb643 100644 --- a/docs/master/assets/js/200.e676ed68.js +++ b/docs/master/assets/js/200.a4de8588.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[200],{535:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"line-chart-boundaries"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-chart-boundaries"}},[n._v("#")]),n._v(" Line Chart Boundaries")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst inputs = {\n min: -100,\n max: 100,\n count: 8,\n decimals: 2,\n continuity: 1\n};\n\nconst generateLabels = () => {\n return Utils.months({count: inputs.count});\n};\n\nconst generateData = () => (Utils.numbers(inputs));\n// \n\n// \nconst data = {\n labels: generateLabels(),\n datasets: [\n {\n label: 'Dataset',\n data: generateData(),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red),\n fill: false\n }\n ]\n};\n// \n\n// \nlet smooth = false;\n\nconst actions = [\n {\n name: 'Fill: false (default)',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = false;\n });\n chart.update();\n }\n },\n {\n name: 'Fill: origin',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = 'origin';\n });\n chart.update();\n }\n },\n {\n name: 'Fill: start',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = 'start';\n });\n chart.update();\n }\n },\n {\n name: 'Fill: end',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = 'end';\n });\n chart.update();\n }\n },\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n {\n name: 'Smooth',\n handler(chart) {\n smooth = !smooth;\n chart.options.elements.line.tension = smooth ? 0.4 : 0;\n chart.update();\n }\n }\n];\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n filler: {\n propagate: false,\n },\n title: {\n display: true,\n text: (ctx) => 'Fill: ' + ctx.chart.data.datasets[0].fill\n }\n },\n interaction: {\n intersect: false,\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/area.html"}},[n._v("Area")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/area.html#filling-modes"}},[n._v("Filling modes")]),n._v(" "),t("ul",[t("li",[n._v("Boundary: "),t("code",[n._v("'start'")]),n._v(", "),t("code",[n._v("'end'")]),n._v(", "),t("code",[n._v("'origin'")])])])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[200],{534:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"line-chart-boundaries"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-chart-boundaries"}},[n._v("#")]),n._v(" Line Chart Boundaries")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst inputs = {\n min: -100,\n max: 100,\n count: 8,\n decimals: 2,\n continuity: 1\n};\n\nconst generateLabels = () => {\n return Utils.months({count: inputs.count});\n};\n\nconst generateData = () => (Utils.numbers(inputs));\n// \n\n// \nconst data = {\n labels: generateLabels(),\n datasets: [\n {\n label: 'Dataset',\n data: generateData(),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red),\n fill: false\n }\n ]\n};\n// \n\n// \nlet smooth = false;\n\nconst actions = [\n {\n name: 'Fill: false (default)',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = false;\n });\n chart.update();\n }\n },\n {\n name: 'Fill: origin',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = 'origin';\n });\n chart.update();\n }\n },\n {\n name: 'Fill: start',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = 'start';\n });\n chart.update();\n }\n },\n {\n name: 'Fill: end',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.fill = 'end';\n });\n chart.update();\n }\n },\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n {\n name: 'Smooth',\n handler(chart) {\n smooth = !smooth;\n chart.options.elements.line.tension = smooth ? 0.4 : 0;\n chart.update();\n }\n }\n];\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n filler: {\n propagate: false,\n },\n title: {\n display: true,\n text: (ctx) => 'Fill: ' + ctx.chart.data.datasets[0].fill\n }\n },\n interaction: {\n intersect: false,\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/area.html"}},[n._v("Area")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/area.html#filling-modes"}},[n._v("Filling modes")]),n._v(" "),t("ul",[t("li",[n._v("Boundary: "),t("code",[n._v("'start'")]),n._v(", "),t("code",[n._v("'end'")]),n._v(", "),t("code",[n._v("'origin'")])])])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/207.204d4348.js b/docs/master/assets/js/207.49574498.js similarity index 98% rename from docs/master/assets/js/207.204d4348.js rename to docs/master/assets/js/207.49574498.js index 11a8092524..6450d43e27 100644 --- a/docs/master/assets/js/207.204d4348.js +++ b/docs/master/assets/js/207.49574498.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[207],{547:function(t,a,n){"use strict";n.r(a);var e=n(3),s=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"horizontal-bar-chart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#horizontal-bar-chart"}},[t._v("#")]),t._v(" Horizontal Bar Chart")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n borderWidth: 1,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n indexAxis: 'y',\n // Elements options apply to all of the options unless overridden in a dataset\n // In this case, we are setting the border of each horizontal bar to be 2px wide\n elements: {\n bar: {\n borderWidth: 2,\n }\n },\n responsive: true,\n plugins: {\n legend: {\n position: 'right',\n },\n title: {\n display: true,\n text: 'Chart.js Horizontal Bar Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),a("h2",{attrs:{id:"docs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/charts/bar.html#horizontal-bar-chart"}},[t._v("Horizontal Bar Chart")])],1)])],1)])],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[207],{543:function(t,a,n){"use strict";n.r(a);var e=n(3),s=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"horizontal-bar-chart"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#horizontal-bar-chart"}},[t._v("#")]),t._v(" Horizontal Bar Chart")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n borderWidth: 1,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n indexAxis: 'y',\n // Elements options apply to all of the options unless overridden in a dataset\n // In this case, we are setting the border of each horizontal bar to be 2px wide\n elements: {\n bar: {\n borderWidth: 2,\n }\n },\n responsive: true,\n plugins: {\n legend: {\n position: 'right',\n },\n title: {\n display: true,\n text: 'Chart.js Horizontal Bar Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),a("h2",{attrs:{id:"docs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/charts/bar.html#horizontal-bar-chart"}},[t._v("Horizontal Bar Chart")])],1)])],1)])],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/208.2b1333be.js b/docs/master/assets/js/208.bc5a807c.js similarity index 97% rename from docs/master/assets/js/208.2b1333be.js rename to docs/master/assets/js/208.bc5a807c.js index 0d63d27e79..94a89ac47a 100644 --- a/docs/master/assets/js/208.2b1333be.js +++ b/docs/master/assets/js/208.bc5a807c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[208],{543:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"stacked-bar-chart-with-groups"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-chart-with-groups"}},[t._v("#")]),t._v(" Stacked Bar Chart with Groups")]),t._v(" "),n("p",[t._v("Using the "),n("code",[t._v("stack")]),t._v(" property to divide datasets into multiple stacks.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.red,\n stack: 'Stack 0',\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.blue,\n stack: 'Stack 0',\n },\n {\n label: 'Dataset 3',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.green,\n stack: 'Stack 1',\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Bar Chart - Stacked'\n },\n },\n responsive: true,\n interaction: {\n intersect: false,\n },\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#stacked-bar-chart"}},[t._v("Stacked Bar Chart")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[t._v("Dataset Configuration ("),n("code",[t._v("stack")]),t._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[208],{544:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"stacked-bar-chart-with-groups"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-chart-with-groups"}},[t._v("#")]),t._v(" Stacked Bar Chart with Groups")]),t._v(" "),n("p",[t._v("Using the "),n("code",[t._v("stack")]),t._v(" property to divide datasets into multiple stacks.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.red,\n stack: 'Stack 0',\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.blue,\n stack: 'Stack 0',\n },\n {\n label: 'Dataset 3',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.green,\n stack: 'Stack 1',\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Bar Chart - Stacked'\n },\n },\n responsive: true,\n interaction: {\n intersect: false,\n },\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#stacked-bar-chart"}},[t._v("Stacked Bar Chart")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[t._v("Dataset Configuration ("),n("code",[t._v("stack")]),t._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/209.35db3b74.js b/docs/master/assets/js/209.7ca528e5.js similarity index 97% rename from docs/master/assets/js/209.35db3b74.js rename to docs/master/assets/js/209.7ca528e5.js index 13aff3c969..4dfafb7b4b 100644 --- a/docs/master/assets/js/209.35db3b74.js +++ b/docs/master/assets/js/209.7ca528e5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[209],{544:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"stacked-bar-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-chart"}},[t._v("#")]),t._v(" Stacked Bar Chart")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.blue,\n },\n {\n label: 'Dataset 3',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.green,\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Bar Chart - Stacked'\n },\n },\n responsive: true,\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#stacked-bar-chart"}},[t._v("Stacked Bar Chart")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[209],{546:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"stacked-bar-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-chart"}},[t._v("#")]),t._v(" Stacked Bar Chart")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.blue,\n },\n {\n label: 'Dataset 3',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Utils.CHART_COLORS.green,\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Bar Chart - Stacked'\n },\n },\n responsive: true,\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html#stacked-bar-chart"}},[t._v("Stacked Bar Chart")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/21.53c8e495.js b/docs/master/assets/js/21.3453cd60.js similarity index 96% rename from docs/master/assets/js/21.53c8e495.js rename to docs/master/assets/js/21.3453cd60.js index 7d9b68890c..8dc0a70f0e 100644 --- a/docs/master/assets/js/21.53c8e495.js +++ b/docs/master/assets/js/21.3453cd60.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{355:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-domplatform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-domplatform"}},[t._v("#")]),t._v(" Class: DomPlatform")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[e("code",[t._v("BasePlatform")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("DomPlatform")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new DomPlatform")]),t._v("()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#constructor"}},[t._v("constructor")])],1),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"acquirecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#acquirecontext"}},[t._v("#")]),t._v(" acquireContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("acquireContext")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("p",[t._v("Called at chart construction time, returns a context2d instance implementing\nthe [W3C Canvas 2D Context API standard]"),e("a",{attrs:{href:"https://www.w3.org/TR/2dcontext/",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.w3.org/TR/2dcontext/"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas from which to acquire context (platform specific)")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2DSettings")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart options")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#acquirecontext"}},[t._v("acquireContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addeventlistener"}},[t._v("#")]),t._v(" addEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Registers the specified listener on the given chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to listen for event")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to listen for")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Receives a notification (an object that implements the "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(" interface) when an event of the specified type occurs.")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#addeventlistener"}},[t._v("addEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2175",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2175"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdevicepixelratio"}},[t._v("#")]),t._v(" getDevicePixelRatio")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDevicePixelRatio")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("the current devicePixelRatio of the device this platform is connected to.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getdevicepixelratio"}},[t._v("getDevicePixelRatio")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2186",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2186"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaximumsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaximumsize"}},[t._v("#")]),t._v(" getMaximumSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMaximumSize")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v(", "),e("code",[t._v("aspectRatio?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas for which to calculate the maximum size")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content width")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content height")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("aspectRatio?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The aspect ratio to maintain")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("p",[t._v("the maximum size available.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getmaximumsize"}},[t._v("getMaximumSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2194",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2194"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isattached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isattached"}},[t._v("#")]),t._v(" isAttached")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isAttached")]),t._v("("),e("code",[t._v("canvas")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the canvas is attached to the platform, false if not.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#isattached"}},[t._v("isAttached")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2199",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2199"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"releasecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#releasecontext"}},[t._v("#")]),t._v(" releaseContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("releaseContext")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Called at chart destruction time, releases any resources associated to the context\npreviously returned by the acquireContext() method.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The context2d instance")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the method succeeded, else false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#releasecontext"}},[t._v("releaseContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2167",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2167"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removeeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removeeventlistener"}},[t._v("#")]),t._v(" removeEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Removes the specified listener previously registered with addEventListener.")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to remove the listener")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to remove")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The listener function to remove from the event target.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#removeeventlistener"}},[t._v("removeEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2182",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2182"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateconfig"}},[t._v("#")]),t._v(" updateConfig")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateConfig")]),t._v("("),e("code",[t._v("config")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Updates config with platform specific requirements")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#updateconfig"}},[t._v("updateConfig")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2204",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2204"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{352:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-domplatform"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-domplatform"}},[t._v("#")]),t._v(" Class: DomPlatform")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[e("code",[t._v("BasePlatform")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("DomPlatform")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new DomPlatform")]),t._v("()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#constructor"}},[t._v("constructor")])],1),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"acquirecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#acquirecontext"}},[t._v("#")]),t._v(" acquireContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("acquireContext")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("p",[t._v("Called at chart construction time, returns a context2d instance implementing\nthe [W3C Canvas 2D Context API standard]"),e("a",{attrs:{href:"https://www.w3.org/TR/2dcontext/",target:"_blank",rel:"noopener noreferrer"}},[t._v("https://www.w3.org/TR/2dcontext/"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas from which to acquire context (platform specific)")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2DSettings")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The chart options")])])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#acquirecontext"}},[t._v("acquireContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2157",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2157"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"addeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#addeventlistener"}},[t._v("#")]),t._v(" addEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("addEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Registers the specified listener on the given chart.")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to listen for event")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to listen for")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Receives a notification (an object that implements the "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(" interface) when an event of the specified type occurs.")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#addeventlistener"}},[t._v("addEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2175",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2175"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdevicepixelratio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdevicepixelratio"}},[t._v("#")]),t._v(" getDevicePixelRatio")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDevicePixelRatio")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("the current devicePixelRatio of the device this platform is connected to.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getdevicepixelratio"}},[t._v("getDevicePixelRatio")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2186",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2186"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmaximumsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmaximumsize"}},[t._v("#")]),t._v(" getMaximumSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMaximumSize")]),t._v("("),e("code",[t._v("canvas")]),t._v(", "),e("code",[t._v("width?")]),t._v(", "),e("code",[t._v("height?")]),t._v(", "),e("code",[t._v("aspectRatio?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The canvas for which to calculate the maximum size")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content width")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Parent element's content height")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("aspectRatio?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The aspect ratio to maintain")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("p",[t._v("the maximum size available.")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#getmaximumsize"}},[t._v("getMaximumSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2194",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2194"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isattached"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isattached"}},[t._v("#")]),t._v(" isAttached")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isAttached")]),t._v("("),e("code",[t._v("canvas")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canvas")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("HTMLCanvasElement")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the canvas is attached to the platform, false if not.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#isattached"}},[t._v("isAttached")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2199",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2199"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"releasecontext"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#releasecontext"}},[t._v("#")]),t._v(" releaseContext")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("releaseContext")]),t._v("("),e("code",[t._v("context")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Called at chart destruction time, releases any resources associated to the context\npreviously returned by the acquireContext() method.")]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("context")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The context2d instance")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("true if the method succeeded, else false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#releasecontext"}},[t._v("releaseContext")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2167",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2167"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"removeeventlistener"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#removeeventlistener"}},[t._v("#")]),t._v(" removeEventListener")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("removeEventListener")]),t._v("("),e("code",[t._v("chart")]),t._v(", "),e("code",[t._v("type")]),t._v(", "),e("code",[t._v("listener")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Removes the specified listener previously registered with addEventListener.")]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("Chart from which to remove the listener")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The ("),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[t._v("ChartEvent")]),t._v(") type to remove")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("listener")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("("),e("code",[t._v("e")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartEvent.html"}},[e("code",[t._v("ChartEvent")])]),t._v(") => "),e("code",[t._v("void")])],1),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("The listener function to remove from the event target.")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#removeeventlistener"}},[t._v("removeEventListener")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2182",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2182"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"updateconfig"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#updateconfig"}},[t._v("#")]),t._v(" updateConfig")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("updateConfig")]),t._v("("),e("code",[t._v("config")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Updates config with platform specific requirements")]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("config")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfiguration.html"}},[e("code",[t._v("ChartConfiguration")])]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartConfigurationCustomTypesPerDataset.html"}},[e("code",[t._v("ChartConfigurationCustomTypesPerDataset")])]),t._v("")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html"}},[t._v("BasePlatform")]),t._v("."),e("RouterLink",{attrs:{to:"/api/classes/BasePlatform.html#updateconfig"}},[t._v("updateConfig")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2204",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2204"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/211.24455be0.js b/docs/master/assets/js/211.cade22b5.js similarity index 97% rename from docs/master/assets/js/211.24455be0.js rename to docs/master/assets/js/211.cade22b5.js index 4250b5405b..148970ad19 100644 --- a/docs/master/assets/js/211.24455be0.js +++ b/docs/master/assets/js/211.cade22b5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[211],{546:function(t,e,a){"use strict";a.r(e);var o=a(3),s=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js-samples"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-samples"}},[t._v("#")]),t._v(" Chart.js Samples")]),t._v(" "),e("p",[t._v("You can navigate through the samples via the sidebar.")]),t._v(" "),e("p",[t._v("Alternatively, you can run them locally. To do so, clone the "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js repository"),e("OutboundLink")],1),t._v(" from GitHub, run "),e("code",[t._v("pnpm ci")]),t._v(" to install all packages, then run "),e("code",[t._v("pnpm run docs:dev")]),t._v(" to build the documentation. As soon as the build is done, you can go to "),e("a",{attrs:{href:"http://localhost:8080/samples/",target:"_blank",rel:"noopener noreferrer"}},[t._v("localhost:8080/samples"),e("OutboundLink")],1),t._v(" to see the samples.")]),t._v(" "),e("h2",{attrs:{id:"out-of-the-box-working-samples"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#out-of-the-box-working-samples"}},[t._v("#")]),t._v(" Out of the box working samples")]),t._v(" "),e("p",[t._v("These samples are made for demonstration purposes only. They won't work out of the box if you copy paste them into your own website. This is because of how the docs are getting built. Some boilerplate code gets hidden.\nFor a sample that can be copied and pasted and used directly you can check the "),e("RouterLink",{attrs:{to:"/getting-started/usage.html"}},[t._v("usage page")]),t._v(".")],1),t._v(" "),e("h2",{attrs:{id:"autogenerated-data"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#autogenerated-data"}},[t._v("#")]),t._v(" Autogenerated data")]),t._v(" "),e("p",[t._v("The data used in the samples is autogenerated using custom functions. These functions do not ship with the library, for more information about this you can check the "),e("RouterLink",{attrs:{to:"/samples/utils.html"}},[t._v("utils page")]),t._v(".")],1),t._v(" "),e("h2",{attrs:{id:"actions-block"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#actions-block"}},[t._v("#")]),t._v(" Actions block")]),t._v(" "),e("p",[t._v("The samples have an "),e("code",[t._v("actions")]),t._v(" code block. These actions are not part of Chart.js. They are internally transformed to separate buttons together with "),e("code",[t._v("onClick")]),t._v(" listeners by a plugin we use in the documentation. To implement such actions yourself you can make some buttons and add "),e("code",[t._v("onClick")]),t._v(" event listeners to them. Then in these event listeners you can call your variable in which you made the chart and do the logic that the button is supposed to do.")])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[211],{547:function(t,e,a){"use strict";a.r(e);var o=a(3),s=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"chart-js-samples"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart-js-samples"}},[t._v("#")]),t._v(" Chart.js Samples")]),t._v(" "),e("p",[t._v("You can navigate through the samples via the sidebar.")]),t._v(" "),e("p",[t._v("Alternatively, you can run them locally. To do so, clone the "),e("a",{attrs:{href:"https://github.com/chartjs/Chart.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("Chart.js repository"),e("OutboundLink")],1),t._v(" from GitHub, run "),e("code",[t._v("pnpm ci")]),t._v(" to install all packages, then run "),e("code",[t._v("pnpm run docs:dev")]),t._v(" to build the documentation. As soon as the build is done, you can go to "),e("a",{attrs:{href:"http://localhost:8080/samples/",target:"_blank",rel:"noopener noreferrer"}},[t._v("localhost:8080/samples"),e("OutboundLink")],1),t._v(" to see the samples.")]),t._v(" "),e("h2",{attrs:{id:"out-of-the-box-working-samples"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#out-of-the-box-working-samples"}},[t._v("#")]),t._v(" Out of the box working samples")]),t._v(" "),e("p",[t._v("These samples are made for demonstration purposes only. They won't work out of the box if you copy paste them into your own website. This is because of how the docs are getting built. Some boilerplate code gets hidden.\nFor a sample that can be copied and pasted and used directly you can check the "),e("RouterLink",{attrs:{to:"/getting-started/usage.html"}},[t._v("usage page")]),t._v(".")],1),t._v(" "),e("h2",{attrs:{id:"autogenerated-data"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#autogenerated-data"}},[t._v("#")]),t._v(" Autogenerated data")]),t._v(" "),e("p",[t._v("The data used in the samples is autogenerated using custom functions. These functions do not ship with the library, for more information about this you can check the "),e("RouterLink",{attrs:{to:"/samples/utils.html"}},[t._v("utils page")]),t._v(".")],1),t._v(" "),e("h2",{attrs:{id:"actions-block"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#actions-block"}},[t._v("#")]),t._v(" Actions block")]),t._v(" "),e("p",[t._v("The samples have an "),e("code",[t._v("actions")]),t._v(" code block. These actions are not part of Chart.js. They are internally transformed to separate buttons together with "),e("code",[t._v("onClick")]),t._v(" listeners by a plugin we use in the documentation. To implement such actions yourself you can make some buttons and add "),e("code",[t._v("onClick")]),t._v(" event listeners to them. Then in these event listeners you can call your variable in which you made the chart and do the logic that the button is supposed to do.")])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/213.66c6c322.js b/docs/master/assets/js/213.e57a3951.js similarity index 98% rename from docs/master/assets/js/213.66c6c322.js rename to docs/master/assets/js/213.e57a3951.js index 83816d9cb9..5fff811e93 100644 --- a/docs/master/assets/js/213.66c6c322.js +++ b/docs/master/assets/js/213.e57a3951.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[213],{549:function(n,t,e){"use strict";e.r(t);var i=e(3),l=Object(i.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"html-legend"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#html-legend"}},[n._v("#")]),n._v(" HTML Legend")]),n._v(" "),t("p",[n._v("This example shows how to create a custom HTML legend using a plugin and connect it to the chart in lieu of the default on-canvas legend."),t("br"),n._v("\nFor an html legend to work you need to place an empty div at your web page with the ID you provide in the options to bind to like so: "),t("code",[n._v('
')]),n._v(".")]),n._v(" "),t("div",{attrs:{id:"legend-container"}}),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst getOrCreateLegendList = (chart, id) => {\n const legendContainer = document.getElementById(id);\n let listContainer = legendContainer.querySelector('ul');\n\n if (!listContainer) {\n listContainer = document.createElement('ul');\n listContainer.style.display = 'flex';\n listContainer.style.flexDirection = 'row';\n listContainer.style.margin = 0;\n listContainer.style.padding = 0;\n\n legendContainer.appendChild(listContainer);\n }\n\n return listContainer;\n};\n\nconst htmlLegendPlugin = {\n id: 'htmlLegend',\n afterUpdate(chart, args, options) {\n const ul = getOrCreateLegendList(chart, options.containerID);\n\n // Remove old legend items\n while (ul.firstChild) {\n ul.firstChild.remove();\n }\n\n // Reuse the built-in legendItems generator\n const items = chart.options.plugins.legend.labels.generateLabels(chart);\n\n items.forEach(item => {\n const li = document.createElement('li');\n li.style.alignItems = 'center';\n li.style.cursor = 'pointer';\n li.style.display = 'flex';\n li.style.flexDirection = 'row';\n li.style.marginLeft = '10px';\n\n li.onclick = () => {\n const {type} = chart.config;\n if (type === 'pie' || type === 'doughnut') {\n // Pie and doughnut charts only have a single dataset and visibility is per item\n chart.toggleDataVisibility(item.index);\n } else {\n chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex));\n }\n chart.update();\n };\n\n // Color box\n const boxSpan = document.createElement('span');\n boxSpan.style.background = item.fillStyle;\n boxSpan.style.borderColor = item.strokeStyle;\n boxSpan.style.borderWidth = item.lineWidth + 'px';\n boxSpan.style.display = 'inline-block';\n boxSpan.style.flexShrink = 0;\n boxSpan.style.height = '20px';\n boxSpan.style.marginRight = '10px';\n boxSpan.style.width = '20px';\n\n // Text\n const textContainer = document.createElement('p');\n textContainer.style.color = item.fontColor;\n textContainer.style.margin = 0;\n textContainer.style.padding = 0;\n textContainer.style.textDecoration = item.hidden ? 'line-through' : '';\n\n const text = document.createTextNode(item.text);\n textContainer.appendChild(text);\n\n li.appendChild(boxSpan);\n li.appendChild(textContainer);\n ul.appendChild(li);\n });\n }\n};\n// \n\n// \nconst NUM_DATA = 7;\nconst NUM_CFG = {count: NUM_DATA, min: 0, max: 100};\nconst data = {\n labels: Utils.months({count: NUM_DATA}),\n datasets: [\n {\n label: 'Dataset: 1',\n data: Utils.numbers(NUM_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n fill: false,\n },\n {\n label: 'Dataset: 1',\n data: Utils.numbers(NUM_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n fill: false,\n },\n ],\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n htmlLegend: {\n // ID of the container to put the legend in\n containerID: 'legend-container',\n },\n legend: {\n display: false,\n }\n }\n },\n plugins: [htmlLegendPlugin],\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html"}},[n._v("Legend")]),n._v(" "),t("ul",[t("li",[t("code",[n._v("display: false")])])])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/developers/plugins.html"}},[n._v("Plugins")])],1)])],1)}),[],!1,null,null,null);t.default=l.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[213],{550:function(n,t,e){"use strict";e.r(t);var i=e(3),l=Object(i.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"html-legend"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#html-legend"}},[n._v("#")]),n._v(" HTML Legend")]),n._v(" "),t("p",[n._v("This example shows how to create a custom HTML legend using a plugin and connect it to the chart in lieu of the default on-canvas legend."),t("br"),n._v("\nFor an html legend to work you need to place an empty div at your web page with the ID you provide in the options to bind to like so: "),t("code",[n._v('
')]),n._v(".")]),n._v(" "),t("div",{attrs:{id:"legend-container"}}),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst getOrCreateLegendList = (chart, id) => {\n const legendContainer = document.getElementById(id);\n let listContainer = legendContainer.querySelector('ul');\n\n if (!listContainer) {\n listContainer = document.createElement('ul');\n listContainer.style.display = 'flex';\n listContainer.style.flexDirection = 'row';\n listContainer.style.margin = 0;\n listContainer.style.padding = 0;\n\n legendContainer.appendChild(listContainer);\n }\n\n return listContainer;\n};\n\nconst htmlLegendPlugin = {\n id: 'htmlLegend',\n afterUpdate(chart, args, options) {\n const ul = getOrCreateLegendList(chart, options.containerID);\n\n // Remove old legend items\n while (ul.firstChild) {\n ul.firstChild.remove();\n }\n\n // Reuse the built-in legendItems generator\n const items = chart.options.plugins.legend.labels.generateLabels(chart);\n\n items.forEach(item => {\n const li = document.createElement('li');\n li.style.alignItems = 'center';\n li.style.cursor = 'pointer';\n li.style.display = 'flex';\n li.style.flexDirection = 'row';\n li.style.marginLeft = '10px';\n\n li.onclick = () => {\n const {type} = chart.config;\n if (type === 'pie' || type === 'doughnut') {\n // Pie and doughnut charts only have a single dataset and visibility is per item\n chart.toggleDataVisibility(item.index);\n } else {\n chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex));\n }\n chart.update();\n };\n\n // Color box\n const boxSpan = document.createElement('span');\n boxSpan.style.background = item.fillStyle;\n boxSpan.style.borderColor = item.strokeStyle;\n boxSpan.style.borderWidth = item.lineWidth + 'px';\n boxSpan.style.display = 'inline-block';\n boxSpan.style.flexShrink = 0;\n boxSpan.style.height = '20px';\n boxSpan.style.marginRight = '10px';\n boxSpan.style.width = '20px';\n\n // Text\n const textContainer = document.createElement('p');\n textContainer.style.color = item.fontColor;\n textContainer.style.margin = 0;\n textContainer.style.padding = 0;\n textContainer.style.textDecoration = item.hidden ? 'line-through' : '';\n\n const text = document.createTextNode(item.text);\n textContainer.appendChild(text);\n\n li.appendChild(boxSpan);\n li.appendChild(textContainer);\n ul.appendChild(li);\n });\n }\n};\n// \n\n// \nconst NUM_DATA = 7;\nconst NUM_CFG = {count: NUM_DATA, min: 0, max: 100};\nconst data = {\n labels: Utils.months({count: NUM_DATA}),\n datasets: [\n {\n label: 'Dataset: 1',\n data: Utils.numbers(NUM_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n fill: false,\n },\n {\n label: 'Dataset: 1',\n data: Utils.numbers(NUM_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n fill: false,\n },\n ],\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n htmlLegend: {\n // ID of the container to put the legend in\n containerID: 'legend-container',\n },\n legend: {\n display: false,\n }\n }\n },\n plugins: [htmlLegendPlugin],\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html"}},[n._v("Legend")]),n._v(" "),t("ul",[t("li",[t("code",[n._v("display: false")])])])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/developers/plugins.html"}},[n._v("Plugins")])],1)])],1)}),[],!1,null,null,null);t.default=l.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/214.64744f00.js b/docs/master/assets/js/214.93160487.js similarity index 97% rename from docs/master/assets/js/214.64744f00.js rename to docs/master/assets/js/214.93160487.js index 1088d3c7c5..efd6b82c57 100644 --- a/docs/master/assets/js/214.64744f00.js +++ b/docs/master/assets/js/214.93160487.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[214],{551:function(t,n,e){"use strict";e.r(n);var o=e(3),l=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"point-style"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),n("p",[t._v("This sample show how to use the dataset point style in the legend instead of a rectangle to identify each dataset..")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Toggle Point Style',\n handler(chart) {\n chart.options.plugins.legend.labels.usePointStyle = !chart.options.plugins.legend.labels.usePointStyle;\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderWidth: 1,\n pointStyle: 'rectRot',\n pointRadius: 5,\n pointBorderColor: 'rgb(0, 0, 0)'\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n legend: {\n labels: {\n usePointStyle: true,\n },\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/legend.html"}},[t._v("Legend")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/legend.html#legend-label-configuration"}},[t._v("Legend Label Configuration")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("usePointStyle")])])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html"}},[t._v("Elements")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("Point Configuration")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("Point Styles")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=l.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[214],{549:function(t,n,e){"use strict";e.r(n);var o=e(3),l=Object(o.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"point-style"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),n("p",[t._v("This sample show how to use the dataset point style in the legend instead of a rectangle to identify each dataset..")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Toggle Point Style',\n handler(chart) {\n chart.options.plugins.legend.labels.usePointStyle = !chart.options.plugins.legend.labels.usePointStyle;\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderWidth: 1,\n pointStyle: 'rectRot',\n pointRadius: 5,\n pointBorderColor: 'rgb(0, 0, 0)'\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n legend: {\n labels: {\n usePointStyle: true,\n },\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/legend.html"}},[t._v("Legend")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/legend.html#legend-label-configuration"}},[t._v("Legend Label Configuration")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("usePointStyle")])])])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html"}},[t._v("Elements")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-configuration"}},[t._v("Point Configuration")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("Point Styles")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=l.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/215.cbef0d8c.js b/docs/master/assets/js/215.07393167.js similarity index 97% rename from docs/master/assets/js/215.cbef0d8c.js rename to docs/master/assets/js/215.07393167.js index c381b8497a..ce16e0de48 100644 --- a/docs/master/assets/js/215.cbef0d8c.js +++ b/docs/master/assets/js/215.07393167.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[215],{550:function(n,t,o){"use strict";o.r(t);var a=o(3),s=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[n._v("#")]),n._v(" Position")]),n._v(" "),t("p",[n._v("This sample show how to change the position of the chart legend.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Position: top',\n handler(chart) {\n chart.options.plugins.legend.position = 'top';\n chart.update();\n }\n },\n {\n name: 'Position: right',\n handler(chart) {\n chart.options.plugins.legend.position = 'right';\n chart.update();\n }\n },\n {\n name: 'Position: bottom',\n handler(chart) {\n chart.options.plugins.legend.position = 'bottom';\n chart.update();\n }\n },\n {\n name: 'Position: left',\n handler(chart) {\n chart.options.plugins.legend.position = 'left';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html"}},[n._v("Legend")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html#position"}},[n._v("Position")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[215],{551:function(n,t,o){"use strict";o.r(t);var a=o(3),s=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[n._v("#")]),n._v(" Position")]),n._v(" "),t("p",[n._v("This sample show how to change the position of the chart legend.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Position: top',\n handler(chart) {\n chart.options.plugins.legend.position = 'top';\n chart.update();\n }\n },\n {\n name: 'Position: right',\n handler(chart) {\n chart.options.plugins.legend.position = 'right';\n chart.update();\n }\n },\n {\n name: 'Position: bottom',\n handler(chart) {\n chart.options.plugins.legend.position = 'bottom';\n chart.update();\n }\n },\n {\n name: 'Position: left',\n handler(chart) {\n chart.options.plugins.legend.position = 'left';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html"}},[n._v("Legend")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html#position"}},[n._v("Position")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/216.2d402a7f.js b/docs/master/assets/js/216.f0ba6c6f.js similarity index 97% rename from docs/master/assets/js/216.2d402a7f.js rename to docs/master/assets/js/216.f0ba6c6f.js index 68f2c1bda8..9879321e21 100644 --- a/docs/master/assets/js/216.2d402a7f.js +++ b/docs/master/assets/js/216.f0ba6c6f.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[216],{555:function(n,t,e){"use strict";e.r(t);var o=e(3),i=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"alignment-and-title-position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#alignment-and-title-position"}},[n._v("#")]),n._v(" Alignment and Title Position")]),n._v(" "),t("p",[n._v("This sample show how to configure the alignment and title position of the chart legend.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Title Position: start',\n handler(chart) {\n chart.options.plugins.legend.align = 'start';\n chart.options.plugins.legend.title.position = 'start';\n chart.update();\n }\n },\n {\n name: 'Title Position: center (default)',\n handler(chart) {\n chart.options.plugins.legend.align = 'center';\n chart.options.plugins.legend.title.position = 'center';\n chart.update();\n }\n },\n {\n name: 'Title Position: end',\n handler(chart) {\n chart.options.plugins.legend.align = 'end';\n chart.options.plugins.legend.title.position = 'end';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n legend: {\n title: {\n display: true,\n text: 'Legend Title',\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html"}},[n._v("Legend")])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[216],{552:function(n,t,e){"use strict";e.r(t);var o=e(3),i=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"alignment-and-title-position"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#alignment-and-title-position"}},[n._v("#")]),n._v(" Alignment and Title Position")]),n._v(" "),t("p",[n._v("This sample show how to configure the alignment and title position of the chart legend.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Title Position: start',\n handler(chart) {\n chart.options.plugins.legend.align = 'start';\n chart.options.plugins.legend.title.position = 'start';\n chart.update();\n }\n },\n {\n name: 'Title Position: center (default)',\n handler(chart) {\n chart.options.plugins.legend.align = 'center';\n chart.options.plugins.legend.title.position = 'center';\n chart.update();\n }\n },\n {\n name: 'Title Position: end',\n handler(chart) {\n chart.options.plugins.legend.align = 'end';\n chart.options.plugins.legend.title.position = 'end';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n legend: {\n title: {\n display: true,\n text: 'Legend Title',\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/legend.html"}},[n._v("Legend")])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/217.e585235f.js b/docs/master/assets/js/217.0dc79be0.js similarity index 97% rename from docs/master/assets/js/217.e585235f.js rename to docs/master/assets/js/217.0dc79be0.js index 89abe81d58..690f80aa24 100644 --- a/docs/master/assets/js/217.e585235f.js +++ b/docs/master/assets/js/217.0dc79be0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[217],{552:function(n,t,e){"use strict";e.r(t);var o=e(3),i=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"interpolation-modes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interpolation-modes"}},[n._v("#")]),n._v(" Interpolation Modes")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push(i.toString());\n}\nconst datapoints = [0, 20, 20, 60, 60, 120, NaN, 180, 120, 125, 105, 110, 170];\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Cubic interpolation (monotone)',\n data: datapoints,\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n cubicInterpolationMode: 'monotone',\n tension: 0.4\n }, {\n label: 'Cubic interpolation',\n data: datapoints,\n borderColor: Utils.CHART_COLORS.blue,\n fill: false,\n tension: 0.4\n }, {\n label: 'Linear interpolation (default)',\n data: datapoints,\n borderColor: Utils.CHART_COLORS.green,\n fill: false\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart - Cubic interpolation mode'\n },\n },\n interaction: {\n intersect: false,\n },\n scales: {\n x: {\n display: true,\n title: {\n display: true\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n },\n suggestedMin: -10,\n suggestedMax: 200\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#cubicinterpolationmode"}},[t("code",[n._v("cubicInterpolationMode")])])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[n._v("Line Styling ("),t("code",[n._v("tension")]),n._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[217],{553:function(n,t,e){"use strict";e.r(t);var o=e(3),i=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"interpolation-modes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interpolation-modes"}},[n._v("#")]),n._v(" Interpolation Modes")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nconst labels = [];\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push(i.toString());\n}\nconst datapoints = [0, 20, 20, 60, 60, 120, NaN, 180, 120, 125, 105, 110, 170];\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Cubic interpolation (monotone)',\n data: datapoints,\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n cubicInterpolationMode: 'monotone',\n tension: 0.4\n }, {\n label: 'Cubic interpolation',\n data: datapoints,\n borderColor: Utils.CHART_COLORS.blue,\n fill: false,\n tension: 0.4\n }, {\n label: 'Linear interpolation (default)',\n data: datapoints,\n borderColor: Utils.CHART_COLORS.green,\n fill: false\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart - Cubic interpolation mode'\n },\n },\n interaction: {\n intersect: false,\n },\n scales: {\n x: {\n display: true,\n title: {\n display: true\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n },\n suggestedMin: -10,\n suggestedMax: 200\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#cubicinterpolationmode"}},[t("code",[n._v("cubicInterpolationMode")])])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[n._v("Line Styling ("),t("code",[n._v("tension")]),n._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/218.73add515.js b/docs/master/assets/js/218.70178462.js similarity index 98% rename from docs/master/assets/js/218.73add515.js rename to docs/master/assets/js/218.70178462.js index 5a775d9235..b136eb214b 100644 --- a/docs/master/assets/js/218.73add515.js +++ b/docs/master/assets/js/218.70178462.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[218],{553:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"line-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[t._v("#")]),t._v(" Line Chart")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Line Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[218],{555:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"line-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[t._v("#")]),t._v(" Line Chart")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Line Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/22.46248300.js b/docs/master/assets/js/22.779d002c.js similarity index 95% rename from docs/master/assets/js/22.46248300.js rename to docs/master/assets/js/22.779d002c.js index a351d90a24..1ef80f9b56 100644 --- a/docs/master/assets/js/22.46248300.js +++ b/docs/master/assets/js/22.779d002c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{353:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-pointelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-pointelement"}},[t._v("#")]),t._v(" Class: PointElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#pointprops"}},[e("code",[t._v("PointProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[e("code",[t._v("PointOptions")])]),t._v(" & "),e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[e("code",[t._v("PointHoverOptions")])]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PointElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new PointElement")]),t._v("("),e("code",[t._v("cfg")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[e("code",[t._v("PointOptions")])]),t._v(" & "),e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[e("code",[t._v("PointHoverOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsed"}},[t._v("#")]),t._v(" parsed")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsed")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:24"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"skip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#skip"}},[t._v("#")]),t._v(" skip")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("skip")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("stop")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:26"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaultroutes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaultroutes"}},[t._v("#")]),t._v(" defaultRoutes")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaultRoutes")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaultRoutes")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hitRadius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hoverRadius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("radius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("rotation")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-3"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaults")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")]),t._v(" = "),e("code",[t._v("'point'")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v(", "),e("code",[t._v("area")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("area")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L89",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:89"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:76"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getrange"}},[t._v("#")]),t._v(" getRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getRange")]),t._v("(): "),e("code",[t._v("any")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("any")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L102",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:102"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inxrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inxrange"}},[t._v("#")]),t._v(" inXRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inXRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:68"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inyrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inyrange"}},[t._v("#")]),t._v(" inYRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inYRange")]),t._v("("),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L72",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:72"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"size"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#size"}},[t._v("#")]),t._v(" size")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("size")]),t._v("("),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[e("code",[t._v("PointOptions")])]),t._v(" & "),e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[e("code",[t._v("PointHoverOptions")])]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.point.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:81"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{354:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-pointelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-pointelement"}},[t._v("#")]),t._v(" Class: PointElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#pointprops"}},[e("code",[t._v("PointProps")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[e("code",[t._v("PointOptions")])]),t._v(" & "),e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[e("code",[t._v("PointHoverOptions")])]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("PointElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new PointElement")]),t._v("("),e("code",[t._v("cfg")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("any")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[e("code",[t._v("PointOptions")])]),t._v(" & "),e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[e("code",[t._v("PointHoverOptions")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsed"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsed"}},[t._v("#")]),t._v(" parsed")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsed")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/CartesianParsedData.html"}},[e("code",[t._v("CartesianParsedData")])])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L24",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:24"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"skip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#skip"}},[t._v("#")]),t._v(" skip")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("skip")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stop"}},[t._v("#")]),t._v(" stop")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("stop")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L26",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:26"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaultroutes"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaultroutes"}},[t._v("#")]),t._v(" defaultRoutes")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaultRoutes")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("backgroundColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderColor")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-2"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaultRoutes")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L44",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:44"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"defaults"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defaults"}},[t._v("#")]),t._v(" defaults")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("defaults")]),t._v(": "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"type-declaration-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-declaration-2"}},[t._v("#")]),t._v(" Type declaration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("borderWidth")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hitRadius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hoverBorderWidth")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("hoverRadius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pointStyle")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("radius")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("rotation")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"overrides-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#overrides-3"}},[t._v("#")]),t._v(" Overrides")]),t._v(" "),e("p",[t._v("Element.defaults")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("▪ "),e("code",[t._v("Static")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")]),t._v(" = "),e("code",[t._v("'point'")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v(", "),e("code",[t._v("area")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("area")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L89",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:89"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("x")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("y")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:76"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getrange"}},[t._v("#")]),t._v(" getRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getRange")]),t._v("(): "),e("code",[t._v("any")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("any")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L102",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:102"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L62",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:62"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inxrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inxrange"}},[t._v("#")]),t._v(" inXRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inXRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L68",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:68"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inyrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inyrange"}},[t._v("#")]),t._v(" inYRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inYRange")]),t._v("("),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L72",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:72"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"size"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#size"}},[t._v("#")]),t._v(" size")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("size")]),t._v("("),e("code",[t._v("options?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Partial")]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/PointOptions.html"}},[e("code",[t._v("PointOptions")])]),t._v(" & "),e("RouterLink",{attrs:{to:"/api/interfaces/PointHoverOptions.html"}},[e("code",[t._v("PointHoverOptions")])]),t._v(">")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.point.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[t._v("elements/element.point.ts:81"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/221.70cf32f3.js b/docs/master/assets/js/221.723fb691.js similarity index 97% rename from docs/master/assets/js/221.70cf32f3.js rename to docs/master/assets/js/221.723fb691.js index 643fe6288a..e66456b4d1 100644 --- a/docs/master/assets/js/221.70cf32f3.js +++ b/docs/master/assets/js/221.723fb691.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[221],{561:function(t,n,e){"use strict";e.r(n);var s=e(3),i=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"line-segment-styling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-segment-styling"}},[t._v("#")]),t._v(" Line Segment Styling")]),t._v(" "),n("p",[t._v("Using helper functions to style each segment. Gaps in the data ('skipped') are set to dashed lines and segments with values going 'down' are set to a different color.")]),t._v(" "),n("chart-editor",{attrs:{code:"\n// \nconst skipped = (ctx, value) => ctx.p0.skip || ctx.p1.skip ? value : undefined;\nconst down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ? value : undefined;\n// \n\n// \nconst genericOptions = {\n fill: false,\n interaction: {\n intersect: false\n },\n radius: 0,\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: {\n labels: Utils.months({count: 7}),\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, NaN, 48, 56, 57, 40],\n borderColor: 'rgb(75, 192, 192)',\n segment: {\n borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),\n borderDash: ctx => skipped(ctx, [6, 6]),\n },\n spanGaps: true\n }]\n },\n options: genericOptions\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[t._v("Line Styling")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html#segment"}},[t._v("Segment")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[221],{558:function(t,n,e){"use strict";e.r(n);var s=e(3),i=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"line-segment-styling"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#line-segment-styling"}},[t._v("#")]),t._v(" Line Segment Styling")]),t._v(" "),n("p",[t._v("Using helper functions to style each segment. Gaps in the data ('skipped') are set to dashed lines and segments with values going 'down' are set to a different color.")]),t._v(" "),n("chart-editor",{attrs:{code:"\n// \nconst skipped = (ctx, value) => ctx.p0.skip || ctx.p1.skip ? value : undefined;\nconst down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ? value : undefined;\n// \n\n// \nconst genericOptions = {\n fill: false,\n interaction: {\n intersect: false\n },\n radius: 0,\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: {\n labels: Utils.months({count: 7}),\n datasets: [{\n label: 'My First Dataset',\n data: [65, 59, NaN, 48, 56, 57, 40],\n borderColor: 'rgb(75, 192, 192)',\n segment: {\n borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),\n borderDash: ctx => skipped(ctx, [6, 6]),\n },\n spanGaps: true\n }]\n },\n options: genericOptions\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[t._v("Line Styling")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html#segment"}},[t._v("Segment")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/222.86ed3f93.js b/docs/master/assets/js/222.894c19f5.js similarity index 97% rename from docs/master/assets/js/222.86ed3f93.js rename to docs/master/assets/js/222.894c19f5.js index af5d50db9c..74c4d3d037 100644 --- a/docs/master/assets/js/222.86ed3f93.js +++ b/docs/master/assets/js/222.894c19f5.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[222],{558:function(t,a,n){"use strict";n.r(a);var e=n(3),s=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"stepped-line-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stepped-line-charts"}},[t._v("#")]),t._v(" Stepped Line Charts")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Step: false (default)',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = false;\n });\n chart.update();\n }\n },\n {\n name: 'Step: true',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = true;\n });\n chart.update();\n }\n },\n {\n name: 'Step: before',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = 'before';\n });\n chart.update();\n }\n },\n {\n name: 'Step: after',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = 'after';\n });\n chart.update();\n }\n },\n {\n name: 'Step: middle',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = 'middle';\n });\n chart.update();\n }\n }\n];\n// \n\n// \nconst data = {\n labels: ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6'],\n datasets: [\n {\n label: 'Dataset',\n data: Utils.numbers({count: 6, min: -100, max: 100}),\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n stepped: true,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n interaction: {\n intersect: false,\n axis: 'x'\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => 'Step ' + ctx.chart.data.datasets[0].stepped + ' Interpolation',\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),a("h2",{attrs:{id:"docs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),a("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/charts/line.html#stepped"}},[t._v("Stepped")])],1)])],1)])],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[222],{557:function(t,a,n){"use strict";n.r(a);var e=n(3),s=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"stepped-line-charts"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stepped-line-charts"}},[t._v("#")]),t._v(" Stepped Line Charts")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Step: false (default)',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = false;\n });\n chart.update();\n }\n },\n {\n name: 'Step: true',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = true;\n });\n chart.update();\n }\n },\n {\n name: 'Step: before',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = 'before';\n });\n chart.update();\n }\n },\n {\n name: 'Step: after',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = 'after';\n });\n chart.update();\n }\n },\n {\n name: 'Step: middle',\n handler: (chart) => {\n chart.data.datasets.forEach(dataset => {\n dataset.stepped = 'middle';\n });\n chart.update();\n }\n }\n];\n// \n\n// \nconst data = {\n labels: ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5', 'Day 6'],\n datasets: [\n {\n label: 'Dataset',\n data: Utils.numbers({count: 6, min: -100, max: 100}),\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n stepped: true,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n interaction: {\n intersect: false,\n axis: 'x'\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => 'Step ' + ctx.chart.data.datasets[0].stepped + ' Interpolation',\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),a("h2",{attrs:{id:"docs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),a("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/charts/line.html#stepped"}},[t._v("Stepped")])],1)])],1)])],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/223.3b527ad1.js b/docs/master/assets/js/223.25a54129.js similarity index 97% rename from docs/master/assets/js/223.3b527ad1.js rename to docs/master/assets/js/223.25a54129.js index 0b3a910283..227f55beb9 100644 --- a/docs/master/assets/js/223.3b527ad1.js +++ b/docs/master/assets/js/223.25a54129.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[223],{557:function(n,t,e){"use strict";e.r(t);var l=e(3),s=Object(l.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"line-styling"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-styling"}},[n._v("#")]),n._v(" Line Styling")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: DATA_COUNT});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Unfilled',\n fill: false,\n backgroundColor: Utils.CHART_COLORS.blue,\n borderColor: Utils.CHART_COLORS.blue,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'Dashed',\n fill: false,\n backgroundColor: Utils.CHART_COLORS.green,\n borderColor: Utils.CHART_COLORS.green,\n borderDash: [5, 5],\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'Filled',\n backgroundColor: Utils.CHART_COLORS.red,\n borderColor: Utils.CHART_COLORS.red,\n data: Utils.numbers(NUMBER_CFG),\n fill: true,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart'\n },\n },\n interaction: {\n mode: 'index',\n intersect: false\n },\n scales: {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[n._v("Line Styling")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[223],{559:function(n,t,e){"use strict";e.r(t);var l=e(3),s=Object(l.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"line-styling"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-styling"}},[n._v("#")]),n._v(" Line Styling")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: DATA_COUNT});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Unfilled',\n fill: false,\n backgroundColor: Utils.CHART_COLORS.blue,\n borderColor: Utils.CHART_COLORS.blue,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'Dashed',\n fill: false,\n backgroundColor: Utils.CHART_COLORS.green,\n borderColor: Utils.CHART_COLORS.green,\n borderDash: [5, 5],\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'Filled',\n backgroundColor: Utils.CHART_COLORS.red,\n borderColor: Utils.CHART_COLORS.red,\n data: Utils.numbers(NUMBER_CFG),\n fill: true,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart'\n },\n },\n interaction: {\n mode: 'index',\n intersect: false\n },\n scales: {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value'\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[n._v("Line Styling")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/225.11d26d19.js b/docs/master/assets/js/225.3ea1304d.js similarity index 98% rename from docs/master/assets/js/225.11d26d19.js rename to docs/master/assets/js/225.3ea1304d.js index 0b5bc0699f..a883ffde22 100644 --- a/docs/master/assets/js/225.11d26d19.js +++ b/docs/master/assets/js/225.3ea1304d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[225],{559:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"combo-bar-line"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#combo-bar-line"}},[t._v("#")]),t._v(" Combo bar/line")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n borderWidth: 1,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n order: 1\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n type: 'line',\n order: 0\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Combined Line/Bar Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[225],{561:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"combo-bar-line"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#combo-bar-line"}},[t._v("#")]),t._v(" Combo bar/line")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n borderWidth: 1,\n data: Utils.numbers({count: data.labels.length, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(-100, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n order: 1\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n type: 'line',\n order: 0\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'bar',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Combined Line/Bar Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/226.e9ad8c83.js b/docs/master/assets/js/226.8f0ced9d.js similarity index 98% rename from docs/master/assets/js/226.e9ad8c83.js rename to docs/master/assets/js/226.8f0ced9d.js index 292da657a9..558e3d454d 100644 --- a/docs/master/assets/js/226.e9ad8c83.js +++ b/docs/master/assets/js/226.8f0ced9d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[226],{563:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"doughnut"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#doughnut"}},[this._v("#")]),this._v(" Doughnut")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: [],\n data: [],\n };\n\n for (let i = 0; i < data.labels.length; i++) {\n newDataset.data.push(Utils.numbers({count: 1, min: 0, max: 100}));\n\n const colorIndex = i % Object.keys(Utils.CHART_COLORS).length;\n newDataset.backgroundColor.push(Object.values(Utils.CHART_COLORS)[colorIndex]);\n }\n\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Hide(0)',\n handler(chart) {\n chart.hide(0);\n }\n },\n {\n name: 'Show(0)',\n handler(chart) {\n chart.show(0);\n }\n },\n {\n name: 'Hide (0, 1)',\n handler(chart) {\n chart.hide(0, 1);\n }\n },\n {\n name: 'Show (0, 1)',\n handler(chart) {\n chart.show(0, 1);\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst data = {\n labels: ['Red', 'Orange', 'Yellow', 'Green', 'Blue'],\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Object.values(Utils.CHART_COLORS),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Doughnut Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[this._v("#")]),this._v(" Docs")]),this._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[this._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[226],{562:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[n("h1",{attrs:{id:"doughnut"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#doughnut"}},[this._v("#")]),this._v(" Doughnut")]),this._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: [],\n data: [],\n };\n\n for (let i = 0; i < data.labels.length; i++) {\n newDataset.data.push(Utils.numbers({count: 1, min: 0, max: 100}));\n\n const colorIndex = i % Object.keys(Utils.CHART_COLORS).length;\n newDataset.backgroundColor.push(Object.values(Utils.CHART_COLORS)[colorIndex]);\n }\n\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Hide(0)',\n handler(chart) {\n chart.hide(0);\n }\n },\n {\n name: 'Show(0)',\n handler(chart) {\n chart.show(0);\n }\n },\n {\n name: 'Hide (0, 1)',\n handler(chart) {\n chart.hide(0, 1);\n }\n },\n {\n name: 'Show (0, 1)',\n handler(chart) {\n chart.show(0, 1);\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst data = {\n labels: ['Red', 'Orange', 'Yellow', 'Green', 'Blue'],\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Object.values(Utils.CHART_COLORS),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Doughnut Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[this._v("#")]),this._v(" Docs")]),this._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[this._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/227.699b0aaa.js b/docs/master/assets/js/227.f231b283.js similarity index 98% rename from docs/master/assets/js/227.699b0aaa.js rename to docs/master/assets/js/227.f231b283.js index a626c019c4..0340e8daa3 100644 --- a/docs/master/assets/js/227.699b0aaa.js +++ b/docs/master/assets/js/227.f231b283.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[227],{564:function(t,n,e){"use strict";e.r(n);var a=e(3),l=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"multi-series-pie"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#multi-series-pie"}},[t._v("#")]),t._v(" Multi Series Pie")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: ['Overall Yay', 'Overall Nay', 'Group A Yay', 'Group A Nay', 'Group B Yay', 'Group B Nay', 'Group C Yay', 'Group C Nay'],\n datasets: [\n {\n backgroundColor: ['#AAA', '#777'],\n data: [21, 79]\n },\n {\n backgroundColor: ['hsl(0, 100%, 60%)', 'hsl(0, 100%, 35%)'],\n data: [33, 67]\n },\n {\n backgroundColor: ['hsl(100, 100%, 60%)', 'hsl(100, 100%, 35%)'],\n data: [20, 80]\n },\n {\n backgroundColor: ['hsl(180, 100%, 60%)', 'hsl(180, 100%, 35%)'],\n data: [10, 90]\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'pie',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n labels: {\n generateLabels: function(chart) {\n // Get the default label list\n const original = Chart.overrides.pie.plugins.legend.labels.generateLabels;\n const labelsOriginal = original.call(this, chart);\n\n // Build an array of colors used in the datasets of the chart\n let datasetColors = chart.data.datasets.map(function(e) {\n return e.backgroundColor;\n });\n datasetColors = datasetColors.flat();\n\n // Modify the color and hide state of each label\n labelsOriginal.forEach(label => {\n // There are twice as many labels as there are datasets. This converts the label index into the corresponding dataset index\n label.datasetIndex = (label.index - label.index % 2) / 2;\n\n // The hidden state must match the dataset's hidden state\n label.hidden = !chart.isDatasetVisible(label.datasetIndex);\n\n // Change the color to match the dataset\n label.fillStyle = datasetColors[label.index];\n });\n\n return labelsOriginal;\n }\n },\n onClick: function(mouseEvent, legendItem, legend) {\n // toggle the visibility of the dataset from what it currently is\n legend.chart.getDatasetMeta(\n legendItem.datasetIndex\n ).hidden = legend.chart.isDatasetVisible(legendItem.datasetIndex);\n legend.chart.update();\n }\n },\n tooltip: {\n callbacks: {\n title: function(context) {\n const labelIndex = (context[0].datasetIndex * 2) + context[0].dataIndex;\n return context[0].chart.data.labels[labelIndex] + ': ' + context[0].formattedValue;\n }\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[t._v("Doughnut and Pie Charts")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=l.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[227],{566:function(t,n,e){"use strict";e.r(n);var a=e(3),l=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"multi-series-pie"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#multi-series-pie"}},[t._v("#")]),t._v(" Multi Series Pie")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: ['Overall Yay', 'Overall Nay', 'Group A Yay', 'Group A Nay', 'Group B Yay', 'Group B Nay', 'Group C Yay', 'Group C Nay'],\n datasets: [\n {\n backgroundColor: ['#AAA', '#777'],\n data: [21, 79]\n },\n {\n backgroundColor: ['hsl(0, 100%, 60%)', 'hsl(0, 100%, 35%)'],\n data: [33, 67]\n },\n {\n backgroundColor: ['hsl(100, 100%, 60%)', 'hsl(100, 100%, 35%)'],\n data: [20, 80]\n },\n {\n backgroundColor: ['hsl(180, 100%, 60%)', 'hsl(180, 100%, 35%)'],\n data: [10, 90]\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'pie',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n labels: {\n generateLabels: function(chart) {\n // Get the default label list\n const original = Chart.overrides.pie.plugins.legend.labels.generateLabels;\n const labelsOriginal = original.call(this, chart);\n\n // Build an array of colors used in the datasets of the chart\n let datasetColors = chart.data.datasets.map(function(e) {\n return e.backgroundColor;\n });\n datasetColors = datasetColors.flat();\n\n // Modify the color and hide state of each label\n labelsOriginal.forEach(label => {\n // There are twice as many labels as there are datasets. This converts the label index into the corresponding dataset index\n label.datasetIndex = (label.index - label.index % 2) / 2;\n\n // The hidden state must match the dataset's hidden state\n label.hidden = !chart.isDatasetVisible(label.datasetIndex);\n\n // Change the color to match the dataset\n label.fillStyle = datasetColors[label.index];\n });\n\n return labelsOriginal;\n }\n },\n onClick: function(mouseEvent, legendItem, legend) {\n // toggle the visibility of the dataset from what it currently is\n legend.chart.getDatasetMeta(\n legendItem.datasetIndex\n ).hidden = legend.chart.isDatasetVisible(legendItem.datasetIndex);\n legend.chart.update();\n }\n },\n tooltip: {\n callbacks: {\n title: function(context) {\n const labelIndex = (context[0].datasetIndex * 2) + context[0].dataIndex;\n return context[0].chart.data.labels[labelIndex] + ': ' + context[0].formattedValue;\n }\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[t._v("Doughnut and Pie Charts")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=l.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/228.b37ae597.js b/docs/master/assets/js/228.db39a480.js similarity index 97% rename from docs/master/assets/js/228.b37ae597.js rename to docs/master/assets/js/228.db39a480.js index 69af702094..fd0107d3b6 100644 --- a/docs/master/assets/js/228.b37ae597.js +++ b/docs/master/assets/js/228.db39a480.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[228],{565:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"pie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pie"}},[this._v("#")]),this._v(" Pie")]),this._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: [],\n data: [],\n };\n\n for (let i = 0; i < data.labels.length; i++) {\n newDataset.data.push(Utils.numbers({count: 1, min: 0, max: 100}));\n\n const colorIndex = i % Object.keys(Utils.CHART_COLORS).length;\n newDataset.backgroundColor.push(Object.values(Utils.CHART_COLORS)[colorIndex]);\n }\n\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst data = {\n labels: ['Red', 'Orange', 'Yellow', 'Green', 'Blue'],\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Object.values(Utils.CHART_COLORS),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'pie',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Pie Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[this._v("#")]),this._v(" Docs")]),this._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[this._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[228],{564:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"pie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pie"}},[this._v("#")]),this._v(" Pie")]),this._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: [],\n data: [],\n };\n\n for (let i = 0; i < data.labels.length; i++) {\n newDataset.data.push(Utils.numbers({count: 1, min: 0, max: 100}));\n\n const colorIndex = i % Object.keys(Utils.CHART_COLORS).length;\n newDataset.backgroundColor.push(Object.values(Utils.CHART_COLORS)[colorIndex]);\n }\n\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst data = {\n labels: ['Red', 'Orange', 'Yellow', 'Green', 'Blue'],\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: Object.values(Utils.CHART_COLORS),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'pie',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Pie Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[this._v("#")]),this._v(" Docs")]),this._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[this._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/229.043aa7f1.js b/docs/master/assets/js/229.f7e874f0.js similarity index 98% rename from docs/master/assets/js/229.043aa7f1.js rename to docs/master/assets/js/229.f7e874f0.js index c87107d1f9..a587b4ff75 100644 --- a/docs/master/assets/js/229.043aa7f1.js +++ b/docs/master/assets/js/229.f7e874f0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[229],{562:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"polar-area-centered-point-labels"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#polar-area-centered-point-labels"}},[n._v("#")]),n._v(" Polar area centered point labels")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = ['Red', 'Orange', 'Yellow', 'Green', 'Blue'];\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: [\n Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.yellow, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n ]\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'polarArea',\n data: data,\n options: {\n responsive: true,\n scales: {\n r: {\n pointLabels: {\n display: true,\n centerPointLabels: true,\n font: {\n size: 18\n }\n }\n }\n },\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Polar Area Chart With Centered Point Labels'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/polar.html"}},[n._v("Polar Area Chart")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[n._v("Linear Radial Axis")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/radial/linear.html#point-label-options"}},[n._v("Point Label Options ("),t("code",[n._v("centerPointLabels")]),n._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[229],{563:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"polar-area-centered-point-labels"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#polar-area-centered-point-labels"}},[n._v("#")]),n._v(" Polar area centered point labels")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = ['Red', 'Orange', 'Yellow', 'Green', 'Blue'];\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: [\n Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.yellow, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n ]\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'polarArea',\n data: data,\n options: {\n responsive: true,\n scales: {\n r: {\n pointLabels: {\n display: true,\n centerPointLabels: true,\n font: {\n size: 18\n }\n }\n }\n },\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Polar Area Chart With Centered Point Labels'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/polar.html"}},[n._v("Polar Area Chart")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[n._v("Linear Radial Axis")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/radial/linear.html#point-label-options"}},[n._v("Point Label Options ("),t("code",[n._v("centerPointLabels")]),n._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/23.7b107408.js b/docs/master/assets/js/23.7e1c97df.js similarity index 93% rename from docs/master/assets/js/23.7b107408.js rename to docs/master/assets/js/23.7e1c97df.js index 5fe9f7b028..053e9afc99 100644 --- a/docs/master/assets/js/23.7b107408.js +++ b/docs/master/assets/js/23.7e1c97df.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{356:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-scale-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-scale-o"}},[t._v("#")]),t._v(" Class: Scale")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("O")]),t._v(">")])]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("Scale")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/TimeScale.html"}},[e("code",[t._v("TimeScale")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/RadialLinearScale.html"}},[e("code",[t._v("RadialLinearScale")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Scale")]),t._v("<"),e("code",[t._v("O")]),t._v(">("),e("code",[t._v("cfg")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.constructor")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1375",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1375"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("never")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1276",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1276"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Bottom edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#bottom"}},[t._v("bottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1266",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1266"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1265",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1265"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, and the item is horizontal, then push vertical boxes down")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#fullsize"}},[t._v("fullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#height"}},[t._v("height")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1263"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelrotation"}},[t._v("#")]),t._v(" labelRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1277",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1277"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#left"}},[t._v("left")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:29"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"max"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#max"}},[t._v("#")]),t._v(" max")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("max")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1279",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1279"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxheight"}},[t._v("#")]),t._v(" maxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxHeight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"min"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min"}},[t._v("#")]),t._v(" min")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("min")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1278",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1278"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingbottom"}},[t._v("#")]),t._v(" paddingBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingBottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1272",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1272"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingleft"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingleft"}},[t._v("#")]),t._v(" paddingLeft")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingLeft")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1273",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1273"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingright"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingright"}},[t._v("#")]),t._v(" paddingRight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingRight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1274"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingtop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingtop"}},[t._v("#")]),t._v(" paddingTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingTop")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1271",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1271"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])])],1),t._v(" "),e("p",[t._v("The position of the item in the chart layout. Possible values are")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"right"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#right"}},[t._v("#")]),t._v(" right")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("right")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Right edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#right"}},[t._v("right")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" ticks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1280",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1280"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#top"}},[t._v("top")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The weight used to sort the item. Higher weights are further away from the chart area")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftercalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftercalculatelabelrotation"}},[t._v("#")]),t._v(" afterCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1358",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1358"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfit"}},[t._v("#")]),t._v(" afterFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1370",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1370"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftersetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftersetdimensions"}},[t._v("#")]),t._v(" afterSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1355",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1355"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterticktolabelconversion"}},[t._v("#")]),t._v(" afterTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1352",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1352"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforecalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforecalculatelabelrotation"}},[t._v("#")]),t._v(" beforeCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1365",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1365"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1356",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefit"}},[t._v("#")]),t._v(" beforeFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1368",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1368"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the layout process starts")]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforesetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforesetdimensions"}},[t._v("#")]),t._v(" beforeSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1353",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1353"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeticktolabelconversion"}},[t._v("#")]),t._v(" beforeTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1362",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1362"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildticks"}},[t._v("#")]),t._v(" buildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatelabelrotation"}},[t._v("#")]),t._v(" calculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1366"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1351",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1351"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"determinedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#determinedatalimits"}},[t._v("#")]),t._v(" determineDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("determineDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1357",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1357"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Draws the element")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawgrid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawgrid"}},[t._v("#")]),t._v(" drawGrid")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawGrid")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1285",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawlabels"}},[t._v("#")]),t._v(" drawLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawLabels")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1284",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1284"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtitle"}},[t._v("#")]),t._v(" drawTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawTitle")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1283",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1283"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fit"}},[t._v("#")]),t._v(" fit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("fit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1369",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1369"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"generateticklabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#generateticklabels"}},[t._v("#")]),t._v(" generateTickLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("generateTickLabels")]),t._v("("),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasepixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasepixel"}},[t._v("#")]),t._v(" getBasePixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePixel")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the pixel for the minimum chart value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasevalue"}},[t._v("#")]),t._v(" getBaseValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBaseValue")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1335",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1335"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdecimalforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdecimalforpixel"}},[t._v("#")]),t._v(" getDecimalForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDecimalForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1291",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelforvalue"}},[t._v("#")]),t._v(" getLabelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Used to get the label to display in the tooltip for the given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1311",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1311"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelitems"}},[t._v("#")]),t._v(" getLabelItems")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelItems")]),t._v("("),e("code",[t._v("chartArea?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1349",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1349"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabels"}},[t._v("#")]),t._v(" getLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabels")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1348",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1348"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlinewidthforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlinewidthforvalue"}},[t._v("#")]),t._v(" getLineWidthForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLineWidthForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the grid line width at given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1316",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1316"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmatchingvisiblemetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmatchingvisiblemetas"}},[t._v("#")]),t._v(" getMatchingVisibleMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMatchingVisibleMetas")]),t._v("("),e("code",[t._v("type?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("canStack")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpadding"}},[t._v("#")]),t._v(" getPadding")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getPadding")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Returns an object with padding on the edges")]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#getpadding"}},[t._v("getPadding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfordecimal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfordecimal"}},[t._v("#")]),t._v(" getPixelForDecimal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForDecimal")]),t._v("("),e("code",[t._v("decimal")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Utility for getting the pixel location of a percentage of scale\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("decimal")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1298",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1298"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfortick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfortick"}},[t._v("#")]),t._v(" getPixelForTick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForTick")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the tick at the given index\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-37"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1305",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1305"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelforvalue"}},[t._v("#")]),t._v(" getPixelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForValue")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the given data point. Value can either be an index or a numerical value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-38"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1325",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1325"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("never")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-39"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-4"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-40"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getticks"}},[t._v("#")]),t._v(" getTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-41"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getuserbounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getuserbounds"}},[t._v("#")]),t._v(" getUserBounds")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getUserBounds")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-42"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("maxDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1345",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1345"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvalueforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvalueforpixel"}},[t._v("#")]),t._v(" getValueForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Used to get the data value from a given pixel. This is the inverse of getPixelForValue\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-43"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1333",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1333"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-44"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("init")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-45"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isfullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isfullsize"}},[t._v("#")]),t._v(" isFullSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isFullSize")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-46"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1372",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1372"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ishorizontal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ishorizontal"}},[t._v("#")]),t._v(" isHorizontal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isHorizontal")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("returns true if the layout item is horizontal (ie. top or bottom)")]),t._v(" "),e("h4",{attrs:{id:"returns-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-47"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#ishorizontal"}},[t._v("isHorizontal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("raw")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("raw")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-48"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdimensions"}},[t._v("#")]),t._v(" setDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-49"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1354",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1354"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-50"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("width")]),t._v(", "),e("code",[t._v("height")]),t._v(", "),e("code",[t._v("margins?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Takes two parameters: width and height.")]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("margins?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-51"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#update"}},[t._v("update")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/layout.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:64"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{355:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"class-scale-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#class-scale-o"}},[t._v("#")]),t._v(" Class: Scale")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("O")]),t._v(">")])]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[e("code",[t._v("LayoutItem")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("Scale")])])]),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/TimeScale.html"}},[e("code",[t._v("TimeScale")])])],1),t._v(" "),e("p",[t._v("↳↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/RadialLinearScale.html"}},[e("code",[t._v("RadialLinearScale")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"constructors"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructors"}},[t._v("#")]),t._v(" Constructors")]),t._v(" "),e("h3",{attrs:{id:"constructor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#constructor"}},[t._v("#")]),t._v(" constructor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("new Scale")]),t._v("<"),e("code",[t._v("O")]),t._v(">("),e("code",[t._v("cfg")]),t._v(")")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/CoreScaleOptions.html"}},[e("code",[t._v("CoreScaleOptions")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("Object")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.chart")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.id")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("cfg.type")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.constructor")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1375",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1375"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("never")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/classes/Animation.html"}},[e("code",[t._v("Animation")])]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"axis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#axis"}},[t._v("#")]),t._v(" axis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("axis")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1276",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1276"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bottom"}},[t._v("#")]),t._v(" bottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("bottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Bottom edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#bottom"}},[t._v("bottom")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L41",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:41"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1266",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1266"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ctx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ctx"}},[t._v("#")]),t._v(" ctx")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("ctx")]),t._v(": "),e("code",[t._v("CanvasRenderingContext2D")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1265",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1265"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fullsize"}},[t._v("#")]),t._v(" fullSize")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("fullSize")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("if true, and the item is horizontal, then push vertical boxes down")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#fullsize"}},[t._v("fullSize")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#height"}},[t._v("height")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:25"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"id"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#id"}},[t._v("#")]),t._v(" id")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("id")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1263",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1263"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"labelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#labelrotation"}},[t._v("#")]),t._v(" labelRotation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("labelRotation")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1277",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1277"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#left"}},[t._v("left")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:29"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"max"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#max"}},[t._v("#")]),t._v(" max")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("max")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1279",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1279"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxheight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxheight"}},[t._v("#")]),t._v(" maxHeight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxHeight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1269",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1269"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxwidth"}},[t._v("#")]),t._v(" maxWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxWidth")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1268",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1268"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"min"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#min"}},[t._v("#")]),t._v(" min")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("min")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1278",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1278"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingbottom"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingbottom"}},[t._v("#")]),t._v(" paddingBottom")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingBottom")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1272",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1272"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingleft"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingleft"}},[t._v("#")]),t._v(" paddingLeft")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingLeft")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1273",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1273"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingright"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingright"}},[t._v("#")]),t._v(" paddingRight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingRight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1274",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1274"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"paddingtop"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#paddingtop"}},[t._v("#")]),t._v(" paddingTop")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("paddingTop")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1271",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1271"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"position"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" position")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("position")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#layoutposition"}},[e("code",[t._v("LayoutPosition")])])],1),t._v(" "),e("p",[t._v("The position of the item in the chart layout. Possible values are")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#position"}},[t._v("position")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:9"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"right"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#right"}},[t._v("#")]),t._v(" right")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("right")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Right edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#right"}},[t._v("right")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:37"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ticks"}},[t._v("#")]),t._v(" ticks")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("ticks")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1280",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1280"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top edge of the item. Set by layout system and cannot be used in update")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#top"}},[t._v("top")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L33",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:33"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"type"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type"}},[t._v("#")]),t._v(" type")]),t._v(" "),e("p",[t._v("• "),e("code",[t._v("Readonly")]),t._v(" "),e("strong",[t._v("type")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1264",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1264"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"weight"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#weight"}},[t._v("#")]),t._v(" weight")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("weight")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The weight used to sort the item. Higher weights are further away from the chart area")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#weight"}},[t._v("weight")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of item. Must be valid after update()")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#width"}},[t._v("width")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:21"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"afterbuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterbuildticks"}},[t._v("#")]),t._v(" afterBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-31"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1361",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1361"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftercalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftercalculatelabelrotation"}},[t._v("#")]),t._v(" afterCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-32"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1367",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1367"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterdatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterdatalimits"}},[t._v("#")]),t._v(" afterDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-33"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1358",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1358"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterfit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterfit"}},[t._v("#")]),t._v(" afterFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-34"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1370",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1370"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"aftersetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#aftersetdimensions"}},[t._v("#")]),t._v(" afterSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-35"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1355",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1355"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterticktolabelconversion"}},[t._v("#")]),t._v(" afterTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-36"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1364",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1364"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"afterupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#afterupdate"}},[t._v("#")]),t._v(" afterUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("afterUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-37"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1352",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1352"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforebuildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforebuildticks"}},[t._v("#")]),t._v(" beforeBuildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeBuildTicks")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-38"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1359",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1359"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforecalculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforecalculatelabelrotation"}},[t._v("#")]),t._v(" beforeCalculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeCalculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-39"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1365",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1365"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforedatalimits"}},[t._v("#")]),t._v(" beforeDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-40"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1356",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1356"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforefit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforefit"}},[t._v("#")]),t._v(" beforeFit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeFit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-11"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-41"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1368",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1368"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforelayout"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforelayout"}},[t._v("#")]),t._v(" beforeLayout")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("beforeLayout")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Called before the layout process starts")]),t._v(" "),e("h4",{attrs:{id:"returns-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-12"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#beforelayout"}},[t._v("beforeLayout")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-42"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:46"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforesetdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforesetdimensions"}},[t._v("#")]),t._v(" beforeSetDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeSetDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-13"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-43"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1353",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1353"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeticktolabelconversion"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeticktolabelconversion"}},[t._v("#")]),t._v(" beforeTickToLabelConversion")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeTickToLabelConversion")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-14"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-44"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1362",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1362"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"beforeupdate"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#beforeupdate"}},[t._v("#")]),t._v(" beforeUpdate")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("beforeUpdate")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-15"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-45"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1350",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1350"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"buildticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#buildticks"}},[t._v("#")]),t._v(" buildTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("buildTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-16"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-46"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1360",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1360"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"calculatelabelrotation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#calculatelabelrotation"}},[t._v("#")]),t._v(" calculateLabelRotation")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("calculateLabelRotation")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-17"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-47"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1366",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1366"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"configure"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#configure"}},[t._v("#")]),t._v(" configure")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("configure")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-18"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-48"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1351",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1351"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"determinedatalimits"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#determinedatalimits"}},[t._v("#")]),t._v(" determineDataLimits")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("determineDataLimits")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-19"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-49"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1357",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1357"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Draws the element")]),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-20"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-50"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L50",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:50"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawgrid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawgrid"}},[t._v("#")]),t._v(" drawGrid")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawGrid")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-21"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-51"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1285",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1285"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawlabels"}},[t._v("#")]),t._v(" drawLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawLabels")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-22"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-52"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-52"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1284",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1284"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"drawtitle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#drawtitle"}},[t._v("#")]),t._v(" drawTitle")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("drawTitle")]),t._v("("),e("code",[t._v("chartArea")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-23"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-53"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-53"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1283",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1283"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"fit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fit"}},[t._v("#")]),t._v(" fit")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("fit")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-24"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-54"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-54"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1369",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1369"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"generateticklabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#generateticklabels"}},[t._v("#")]),t._v(" generateTickLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("generateTickLabels")]),t._v("("),e("code",[t._v("ticks")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ticks")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-25"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-55"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-55"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1363",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1363"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasepixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasepixel"}},[t._v("#")]),t._v(" getBasePixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBasePixel")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the pixel for the minimum chart value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"returns-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-26"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-56"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-56"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1341",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1341"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getbasevalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getbasevalue"}},[t._v("#")]),t._v(" getBaseValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getBaseValue")]),t._v("(): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"returns-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-27"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-57"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-57"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1335",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1335"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getdecimalforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getdecimalforpixel"}},[t._v("#")]),t._v(" getDecimalForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getDecimalForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-28"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-58"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-58"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1291",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1291"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelforvalue"}},[t._v("#")]),t._v(" getLabelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("Used to get the label to display in the tooltip for the given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-29"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-59"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-59"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1311",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1311"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabelitems"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabelitems"}},[t._v("#")]),t._v(" getLabelItems")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabelItems")]),t._v("("),e("code",[t._v("chartArea?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("chartArea?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-30"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LabelItem.html"}},[e("code",[t._v("LabelItem")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-60"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-60"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1349",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1349"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlabels"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlabels"}},[t._v("#")]),t._v(" getLabels")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLabels")]),t._v("(): "),e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"returns-31"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-31"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("string")]),t._v("[]")]),t._v(" "),e("h4",{attrs:{id:"defined-in-61"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-61"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1348",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1348"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getlinewidthforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getlinewidthforvalue"}},[t._v("#")]),t._v(" getLineWidthForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getLineWidthForValue")]),t._v("("),e("code",[t._v("value")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the grid line width at given value")]),t._v(" "),e("h4",{attrs:{id:"parameters-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-10"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-32"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-32"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-62"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-62"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1316",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1316"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getmatchingvisiblemetas"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getmatchingvisiblemetas"}},[t._v("#")]),t._v(" getMatchingVisibleMetas")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMatchingVisibleMetas")]),t._v("("),e("code",[t._v("type?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"parameters-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-11"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("type?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-33"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-33"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/#chartmeta"}},[e("code",[t._v("ChartMeta")])]),t._v(", "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">>[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-63"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-63"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1281",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1281"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getminmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getminmax"}},[t._v("#")]),t._v(" getMinMax")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getMinMax")]),t._v("("),e("code",[t._v("canStack")]),t._v("): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"parameters-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-12"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("canStack")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-34"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-34"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-64"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-64"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1346",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1346"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpadding"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpadding"}},[t._v("#")]),t._v(" getPadding")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getPadding")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("Returns an object with padding on the edges")]),t._v(" "),e("h4",{attrs:{id:"returns-35"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-35"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#getpadding"}},[t._v("getPadding")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-65"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-65"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfordecimal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfordecimal"}},[t._v("#")]),t._v(" getPixelForDecimal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForDecimal")]),t._v("("),e("code",[t._v("decimal")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Utility for getting the pixel location of a percentage of scale\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-13"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("decimal")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-36"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-36"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-66"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-66"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1298",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1298"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelfortick"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelfortick"}},[t._v("#")]),t._v(" getPixelForTick")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForTick")]),t._v("("),e("code",[t._v("index")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the tick at the given index\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-14"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-37"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-37"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-67"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-67"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1305",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1305"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getpixelforvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getpixelforvalue"}},[t._v("#")]),t._v(" getPixelForValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getPixelForValue")]),t._v("("),e("code",[t._v("value")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Returns the location of the given data point. Value can either be an index or a numerical value\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-15"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("value")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-38"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-38"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-68"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-68"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1325",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1325"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("never")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-16"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-39"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-39"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("unknown")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-69"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-69"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-4"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-17"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-40"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-40"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-70"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-70"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getticks"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getticks"}},[t._v("#")]),t._v(" getTicks")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getTicks")]),t._v("(): "),e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"returns-41"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-41"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Tick.html"}},[e("code",[t._v("Tick")])]),t._v("[]")],1),t._v(" "),e("h4",{attrs:{id:"defined-in-71"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-71"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1347",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1347"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getuserbounds"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getuserbounds"}},[t._v("#")]),t._v(" getUserBounds")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getUserBounds")]),t._v("(): "),e("code",[t._v("Object")])]),t._v(" "),e("h4",{attrs:{id:"returns-42"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-42"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Object")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("max")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("maxDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("min")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("minDefined")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"defined-in-72"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-72"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1345",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1345"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getvalueforpixel"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getvalueforpixel"}},[t._v("#")]),t._v(" getValueForPixel")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getValueForPixel")]),t._v("("),e("code",[t._v("pixel")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Used to get the data value from a given pixel. This is the inverse of getPixelForValue\nThe coordinate (0, 0) is at the upper-left corner of the canvas")]),t._v(" "),e("h4",{attrs:{id:"parameters-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-18"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("pixel")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-43"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-43"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-73"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-73"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1333",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1333"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-44"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-44"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-74"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-74"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"init"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#init"}},[t._v("#")]),t._v(" init")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("init")]),t._v("("),e("code",[t._v("options")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-19"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("options")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-45"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-45"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-75"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-75"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1343",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1343"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"isfullsize"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#isfullsize"}},[t._v("#")]),t._v(" isFullSize")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isFullSize")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-46"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-46"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-76"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-76"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1372",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1372"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"ishorizontal"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ishorizontal"}},[t._v("#")]),t._v(" isHorizontal")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("isHorizontal")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("returns true if the layout item is horizontal (ie. top or bottom)")]),t._v(" "),e("h4",{attrs:{id:"returns-47"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-47"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-22"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#ishorizontal"}},[t._v("isHorizontal")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-77"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-77"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:58"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parse"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parse"}},[t._v("#")]),t._v(" parse")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("parse")]),t._v("("),e("code",[t._v("raw")]),t._v(", "),e("code",[t._v("index?")]),t._v("): "),e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"parameters-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-20"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("raw")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("unknown")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("index?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-48"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-48"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("unknown")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-78"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-78"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1344",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1344"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"setdimensions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#setdimensions"}},[t._v("#")]),t._v(" setDimensions")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("setDimensions")]),t._v("(): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"returns-49"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-49"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-79"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-79"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1354",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1354"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-21"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-50"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-50"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-23"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-80"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-80"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"update"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#update"}},[t._v("#")]),t._v(" update")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("update")]),t._v("("),e("code",[t._v("width")]),t._v(", "),e("code",[t._v("height")]),t._v(", "),e("code",[t._v("margins?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("p",[t._v("Takes two parameters: width and height.")]),t._v(" "),e("h4",{attrs:{id:"parameters-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-22"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("width")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("height")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("margins?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns-51"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-51"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-24"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html"}},[t._v("LayoutItem")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/LayoutItem.html#update"}},[t._v("update")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-81"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-81"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/layout.d.ts#L64",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/layout.d.ts:64"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/230.78b9b3db.js b/docs/master/assets/js/230.59791930.js similarity index 97% rename from docs/master/assets/js/230.78b9b3db.js rename to docs/master/assets/js/230.59791930.js index f73ba72cb5..8648759cd8 100644 --- a/docs/master/assets/js/230.78b9b3db.js +++ b/docs/master/assets/js/230.59791930.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[230],{567:function(a,n,t){"use strict";t.r(n);var e=t(3),s=Object(e.a)({},(function(){var a=this,n=a._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[n("h1",{attrs:{id:"polar-area"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#polar-area"}},[a._v("#")]),a._v(" Polar area")]),a._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = ['Red', 'Orange', 'Yellow', 'Green', 'Blue'];\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: [\n Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.yellow, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n ]\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'polarArea',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Polar Area Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[a._v("#")]),a._v(" Docs")]),a._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/polar.html"}},[a._v("Polar Area Chart")])],1),a._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[a._v("Radial linear scale")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[230],{565:function(a,n,t){"use strict";t.r(n);var e=t(3),s=Object(e.a)({},(function(){var a=this,n=a._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[n("h1",{attrs:{id:"polar-area"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#polar-area"}},[a._v("#")]),a._v(" Polar area")]),a._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels.push('data #' + (data.labels.length + 1));\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 5;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = ['Red', 'Orange', 'Yellow', 'Green', 'Blue'];\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n backgroundColor: [\n Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.yellow, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n ]\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'polarArea',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Polar Area Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[a._v("#")]),a._v(" Docs")]),a._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/polar.html"}},[a._v("Polar Area Chart")])],1),a._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[a._v("Radial linear scale")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/231.bb0896f1.js b/docs/master/assets/js/231.837162a4.js similarity index 97% rename from docs/master/assets/js/231.bb0896f1.js rename to docs/master/assets/js/231.837162a4.js index 2c472d00d1..dee8798f90 100644 --- a/docs/master/assets/js/231.bb0896f1.js +++ b/docs/master/assets/js/231.837162a4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[231],{566:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"radar-skip-points"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#radar-skip-points"}},[t._v("#")]),t._v(" Radar skip points")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach((dataset, i) => {\n const data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n\n if (i === 0) {\n data[0] = null;\n } else if (i === 1) {\n data[Number.parseInt(data.length / 2, 10)] = null;\n } else {\n data[data.length - 1] = null;\n }\n\n dataset.data = data;\n });\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst dataFirstSkip = Utils.numbers(NUMBER_CFG);\nconst dataMiddleSkip = Utils.numbers(NUMBER_CFG);\nconst dataLastSkip = Utils.numbers(NUMBER_CFG);\n\ndataFirstSkip[0] = null;\ndataMiddleSkip[Number.parseInt(dataMiddleSkip.length / 2, 10)] = null;\ndataLastSkip[dataLastSkip.length - 1] = null;\n\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Skip first dataset',\n data: dataFirstSkip,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Skip mid dataset',\n data: dataMiddleSkip,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n {\n label: 'Skip last dataset',\n data: dataLastSkip,\n borderColor: Utils.CHART_COLORS.green,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Radar Skip Points Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/radar.html"}},[t._v("Radar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[t._v("Radial linear scale")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[231],{567:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"radar-skip-points"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#radar-skip-points"}},[t._v("#")]),t._v(" Radar skip points")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach((dataset, i) => {\n const data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n\n if (i === 0) {\n data[0] = null;\n } else if (i === 1) {\n data[Number.parseInt(data.length / 2, 10)] = null;\n } else {\n data[data.length - 1] = null;\n }\n\n dataset.data = data;\n });\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst dataFirstSkip = Utils.numbers(NUMBER_CFG);\nconst dataMiddleSkip = Utils.numbers(NUMBER_CFG);\nconst dataLastSkip = Utils.numbers(NUMBER_CFG);\n\ndataFirstSkip[0] = null;\ndataMiddleSkip[Number.parseInt(dataMiddleSkip.length / 2, 10)] = null;\ndataLastSkip[dataLastSkip.length - 1] = null;\n\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Skip first dataset',\n data: dataFirstSkip,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Skip mid dataset',\n data: dataMiddleSkip,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n {\n label: 'Skip last dataset',\n data: dataLastSkip,\n borderColor: Utils.CHART_COLORS.green,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Radar Skip Points Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/radar.html"}},[t._v("Radar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[t._v("Radial linear scale")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/232.d255de54.js b/docs/master/assets/js/232.735b9ff0.js similarity index 98% rename from docs/master/assets/js/232.d255de54.js rename to docs/master/assets/js/232.735b9ff0.js index 34156e3393..53be89bb85 100644 --- a/docs/master/assets/js/232.d255de54.js +++ b/docs/master/assets/js/232.735b9ff0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[232],{568:function(a,t,n){"use strict";n.r(t);var e=n(3),s=Object(e.a)({},(function(){var a=this,t=a._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[t("h1",{attrs:{id:"radar"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radar"}},[a._v("#")]),a._v(" Radar")]),a._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Radar Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[a._v("#")]),a._v(" Docs")]),a._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/radar.html"}},[a._v("Radar")])],1),a._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[a._v("Data structures ("),t("code",[a._v("labels")]),a._v(")")])],1),a._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[a._v("Radial linear scale")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[232],{570:function(a,t,n){"use strict";n.r(t);var e=n(3),s=Object(e.a)({},(function(){var a=this,t=a._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[t("h1",{attrs:{id:"radar"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radar"}},[a._v("#")]),a._v(" Radar")]),a._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'radar',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Radar Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[a._v("#")]),a._v(" Docs")]),a._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/radar.html"}},[a._v("Radar")])],1),a._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[a._v("Data structures ("),t("code",[a._v("labels")]),a._v(")")])],1),a._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/radial/linear.html"}},[a._v("Radial linear scale")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/233.f7f139e6.js b/docs/master/assets/js/233.70687d28.js similarity index 98% rename from docs/master/assets/js/233.f7f139e6.js rename to docs/master/assets/js/233.70687d28.js index d6a836164f..b3d2d19db5 100644 --- a/docs/master/assets/js/233.f7f139e6.js +++ b/docs/master/assets/js/233.70687d28.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[233],{570:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"scatter-multi-axis"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#scatter-multi-axis"}},[t._v("#")]),t._v(" Scatter - Multi axis")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, rmin: 1, rmax: 1, min: -100, max: 100};\n\nconst data = {\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n yAxisID: 'y',\n },\n {\n label: 'Dataset 2',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.orange,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n yAxisID: 'y2',\n }\n ]\n};\n// \n\n// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const chartData = chart.data;\n const dsColor = Utils.namedColor(chartData.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (chartData.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const chartData = chart.data;\n if (chartData.datasets.length > 0) {\n\n for (let index = 0; index < chartData.datasets.length; ++index) {\n chartData.datasets[index].data.push(Utils.bubbles({count: 1, rmin: 1, rmax: 1, min: -100, max: 100})[0]);\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Scatter Multi Axis Chart'\n }\n },\n scales: {\n y: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'left',\n ticks: {\n color: Utils.CHART_COLORS.red\n }\n },\n y2: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'right',\n reverse: true,\n ticks: {\n color: Utils.CHART_COLORS.blue\n },\n grid: {\n drawOnChartArea: false // only want the grid lines for one axis to show up\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/scatter.html"}},[t._v("Scatter")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/"}},[t._v("Cartesian Axes")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("Axis Position")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[233],{568:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"scatter-multi-axis"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#scatter-multi-axis"}},[t._v("#")]),t._v(" Scatter - Multi axis")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, rmin: 1, rmax: 1, min: -100, max: 100};\n\nconst data = {\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n yAxisID: 'y',\n },\n {\n label: 'Dataset 2',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.orange,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n yAxisID: 'y2',\n }\n ]\n};\n// \n\n// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: -100, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const chartData = chart.data;\n const dsColor = Utils.namedColor(chartData.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (chartData.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: -100, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const chartData = chart.data;\n if (chartData.datasets.length > 0) {\n\n for (let index = 0; index < chartData.datasets.length; ++index) {\n chartData.datasets[index].data.push(Utils.bubbles({count: 1, rmin: 1, rmax: 1, min: -100, max: 100})[0]);\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Scatter Multi Axis Chart'\n }\n },\n scales: {\n y: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'left',\n ticks: {\n color: Utils.CHART_COLORS.red\n }\n },\n y2: {\n type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance\n position: 'right',\n reverse: true,\n ticks: {\n color: Utils.CHART_COLORS.blue\n },\n grid: {\n drawOnChartArea: false // only want the grid lines for one axis to show up\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/scatter.html"}},[t._v("Scatter")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/"}},[t._v("Cartesian Axes")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[t._v("Axis Position")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/234.1526ab65.js b/docs/master/assets/js/234.cf3a778a.js similarity index 97% rename from docs/master/assets/js/234.1526ab65.js rename to docs/master/assets/js/234.cf3a778a.js index fb618b6062..1b76eedd3f 100644 --- a/docs/master/assets/js/234.1526ab65.js +++ b/docs/master/assets/js/234.cf3a778a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[234],{569:function(t,a,n){"use strict";n.r(a);var s=n(3),e=Object(s.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"scatter"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#scatter"}},[this._v("#")]),this._v(" Scatter")]),this._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, rmin: 1, rmax: 1, min: 0, max: 100};\n\nconst data = {\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.orange,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n }\n ]\n};\n// \n\n// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const chartData = chart.data;\n const dsColor = Utils.namedColor(chartData.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (chartData.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const chartData = chart.data;\n if (chartData.datasets.length > 0) {\n\n for (let index = 0; index < chartData.datasets.length; ++index) {\n chartData.datasets[index].data.push(Utils.bubbles({count: 1, rmin: 1, rmax: 1, min: 0, max: 100})[0]);\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Scatter Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[this._v("#")]),this._v(" Docs")]),this._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/scatter.html"}},[this._v("Scatter")])],1)])],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[234],{571:function(t,a,n){"use strict";n.r(a);var s=n(3),e=Object(s.a)({},(function(){var t=this._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":this.$parent.slotKey}},[t("h1",{attrs:{id:"scatter"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#scatter"}},[this._v("#")]),this._v(" Scatter")]),this._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, rmin: 1, rmax: 1, min: 0, max: 100};\n\nconst data = {\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.bubbles(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.orange,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.orange, 0.5),\n }\n ]\n};\n// \n\n// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const chartData = chart.data;\n const dsColor = Utils.namedColor(chartData.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (chartData.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n data: Utils.bubbles({count: DATA_COUNT, rmin: 1, rmax: 1, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const chartData = chart.data;\n if (chartData.datasets.length > 0) {\n\n for (let index = 0; index < chartData.datasets.length; ++index) {\n chartData.datasets[index].data.push(Utils.bubbles({count: 1, rmin: 1, rmax: 1, min: 0, max: 100})[0]);\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: 'Chart.js Scatter Chart'\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[this._v("#")]),this._v(" Docs")]),this._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/scatter.html"}},[this._v("Scatter")])],1)])],1)}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/235.0dea3583.js b/docs/master/assets/js/235.d40e87ac.js similarity index 98% rename from docs/master/assets/js/235.0dea3583.js rename to docs/master/assets/js/235.d40e87ac.js index 200f9a8e99..9f1d832160 100644 --- a/docs/master/assets/js/235.0dea3583.js +++ b/docs/master/assets/js/235.d40e87ac.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[235],{573:function(t,a,n){"use strict";n.r(a);var e=n(3),s=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"stacked-bar-line"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-line"}},[t._v("#")]),t._v(" Stacked bar/line")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n borderWidth: 1,\n stack: 'combined',\n data: Utils.numbers({count: data.labels.length, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n stack: 'combined',\n type: 'bar'\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n stack: 'combined'\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Stacked Line/Bar Chart'\n }\n },\n scales: {\n y: {\n stacked: true\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),a("h2",{attrs:{id:"docs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[t._v("Common options to all axes ("),a("code",[t._v("stacked")]),t._v(")")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("Stacking")])],1)])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),a("code",[t._v("labels")]),t._v(")")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[t._v("Dataset Configuration ("),a("code",[t._v("stack")]),t._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[235],{569:function(t,a,n){"use strict";n.r(a);var e=n(3),s=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"stacked-bar-line"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#stacked-bar-line"}},[t._v("#")]),t._v(" Stacked bar/line")]),t._v(" "),a("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: Utils.transparentize(dsColor, 0.5),\n borderColor: dsColor,\n borderWidth: 1,\n stack: 'combined',\n data: Utils.numbers({count: data.labels.length, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n stack: 'combined',\n type: 'bar'\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n stack: 'combined'\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Stacked Line/Bar Chart'\n }\n },\n scales: {\n y: {\n stacked: true\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),a("h2",{attrs:{id:"docs"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[t._v("Common options to all axes ("),a("code",[t._v("stacked")]),t._v(")")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("Stacking")])],1)])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),a("li",[a("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),a("code",[t._v("labels")]),t._v(")")]),t._v(" "),a("ul",[a("li",[a("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[t._v("Dataset Configuration ("),a("code",[t._v("stack")]),t._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);a.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/237.5dcadd73.js b/docs/master/assets/js/237.eb665bd9.js similarity index 97% rename from docs/master/assets/js/237.5dcadd73.js rename to docs/master/assets/js/237.eb665bd9.js index 6437f18786..06a3c0005e 100644 --- a/docs/master/assets/js/237.5dcadd73.js +++ b/docs/master/assets/js/237.eb665bd9.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[237],{571:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"doughnut-empty-state"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#doughnut-empty-state"}},[t._v("#")]),t._v(" Doughnut Empty State")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [],\n datasets: [\n {\n label: 'Dataset 1',\n data: []\n }\n ]\n};\n// \n\n// \nconst plugin = {\n id: 'emptyDoughnut',\n afterDraw(chart, args, options) {\n const {datasets} = chart.data;\n const {color, width, radiusDecrease} = options;\n let hasData = false;\n\n for (let i = 0; i < datasets.length; i += 1) {\n const dataset = datasets[i];\n hasData |= dataset.data.length > 0;\n }\n\n if (!hasData) {\n const {chartArea: {left, top, right, bottom}, ctx} = chart;\n const centerX = (left + right) / 2;\n const centerY = (top + bottom) / 2;\n const r = Math.min(right - left, bottom - top) / 2;\n\n ctx.beginPath();\n ctx.lineWidth = width || 2;\n ctx.strokeStyle = color || 'rgba(255, 128, 0, 0.5)';\n ctx.arc(centerX, centerY, (r - radiusDecrease || 0), 0, 2 * Math.PI);\n ctx.stroke();\n }\n }\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n options: {\n plugins: {\n emptyDoughnut: {\n color: 'rgba(255, 128, 0, 0.5)',\n width: 2,\n radiusDecrease: 20\n }\n }\n },\n plugins: [plugin]\n};\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.points(NUMBER_CFG);\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions,\n config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/developers/plugins.html"}},[t._v("Plugins")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[t._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[237],{573:function(t,n,a){"use strict";a.r(n);var s=a(3),e=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"doughnut-empty-state"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#doughnut-empty-state"}},[t._v("#")]),t._v(" Doughnut Empty State")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst data = {\n labels: [],\n datasets: [\n {\n label: 'Dataset 1',\n data: []\n }\n ]\n};\n// \n\n// \nconst plugin = {\n id: 'emptyDoughnut',\n afterDraw(chart, args, options) {\n const {datasets} = chart.data;\n const {color, width, radiusDecrease} = options;\n let hasData = false;\n\n for (let i = 0; i < datasets.length; i += 1) {\n const dataset = datasets[i];\n hasData |= dataset.data.length > 0;\n }\n\n if (!hasData) {\n const {chartArea: {left, top, right, bottom}, ctx} = chart;\n const centerX = (left + right) / 2;\n const centerY = (top + bottom) / 2;\n const r = Math.min(right - left, bottom - top) / 2;\n\n ctx.beginPath();\n ctx.lineWidth = width || 2;\n ctx.strokeStyle = color || 'rgba(255, 128, 0, 0.5)';\n ctx.arc(centerX, centerY, (r - radiusDecrease || 0), 0, 2 * Math.PI);\n ctx.stroke();\n }\n }\n};\n// \n\n// \nconst config = {\n type: 'doughnut',\n data: data,\n options: {\n plugins: {\n emptyDoughnut: {\n color: 'rgba(255, 128, 0, 0.5)',\n width: 2,\n radiusDecrease: 20\n }\n }\n },\n plugins: [plugin]\n};\n// \n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.points(NUMBER_CFG);\n });\n chart.update();\n }\n },\n];\n\nmodule.exports = {\n actions,\n config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/developers/plugins.html"}},[t._v("Plugins")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[t._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/239.bb2aade0.js b/docs/master/assets/js/239.240daeb8.js similarity index 97% rename from docs/master/assets/js/239.bb2aade0.js rename to docs/master/assets/js/239.240daeb8.js index 066c0074cd..6409437e15 100644 --- a/docs/master/assets/js/239.bb2aade0.js +++ b/docs/master/assets/js/239.240daeb8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[239],{577:function(n,t,s){"use strict";s.r(t);var o=s(3),a=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"center-positioning"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#center-positioning"}},[n._v("#")]),n._v(" Center Positioning")]),n._v(" "),t("p",[n._v("This sample show how to place the axis in the center of the chart area, instead of at the edges.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Default Positions',\n handler(chart) {\n chart.options.scales.x.position = 'bottom';\n chart.options.scales.y.position = 'left';\n chart.update();\n }\n },\n {\n name: 'Position: center',\n handler(chart) {\n chart.options.scales.x.position = 'center';\n chart.options.scales.y.position = 'center';\n chart.update();\n }\n },\n {\n name: 'Position: Vertical: x=-60, Horizontal: y=30',\n handler(chart) {\n chart.options.scales.x.position = {y: 30};\n chart.options.scales.y.position = {x: -60};\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 6;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.points(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.points(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Axis Center Positioning'\n }\n },\n scales: {\n x: {\n min: -100,\n max: 100,\n },\n y: {\n min: -100,\n max: 100,\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/scatter.html"}},[n._v("Scatter")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/"}},[n._v("Cartesian Axes")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[n._v("Axis Position")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[239],{575:function(n,t,s){"use strict";s.r(t);var o=s(3),a=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"center-positioning"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#center-positioning"}},[n._v("#")]),n._v(" Center Positioning")]),n._v(" "),t("p",[n._v("This sample show how to place the axis in the center of the chart area, instead of at the edges.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Default Positions',\n handler(chart) {\n chart.options.scales.x.position = 'bottom';\n chart.options.scales.y.position = 'left';\n chart.update();\n }\n },\n {\n name: 'Position: center',\n handler(chart) {\n chart.options.scales.x.position = 'center';\n chart.options.scales.y.position = 'center';\n chart.update();\n }\n },\n {\n name: 'Position: Vertical: x=-60, Horizontal: y=30',\n handler(chart) {\n chart.options.scales.x.position = {y: 30};\n chart.options.scales.y.position = {x: -60};\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 6;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.points(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.points(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'scatter',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Axis Center Positioning'\n }\n },\n scales: {\n x: {\n min: -100,\n max: 100,\n },\n y: {\n min: -100,\n max: 100,\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/scatter.html"}},[n._v("Scatter")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/"}},[n._v("Cartesian Axes")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/#axis-position"}},[n._v("Axis Position")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/24.dc4b41e7.js b/docs/master/assets/js/24.9f6a9836.js similarity index 86% rename from docs/master/assets/js/24.dc4b41e7.js rename to docs/master/assets/js/24.9f6a9836.js index 080decb65f..b6b7aeb645 100644 --- a/docs/master/assets/js/24.dc4b41e7.js +++ b/docs/master/assets/js/24.9f6a9836.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{357:function(t,e,r){"use strict";r.r(e);var a=r(3),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"enumeration-decimationalgorithm"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-decimationalgorithm"}},[t._v("#")]),t._v(" Enumeration: DecimationAlgorithm")]),t._v(" "),e("h2",{attrs:{id:"enumeration-members"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-members"}},[t._v("#")]),t._v(" Enumeration Members")]),t._v(" "),e("h3",{attrs:{id:"lttb"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#lttb"}},[t._v("#")]),t._v(" lttb")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("lttb")]),t._v(" = "),e("code",[t._v('"lttb"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2213",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2213"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"minmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#minmax"}},[t._v("#")]),t._v(" minmax")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("minmax")]),t._v(" = "),e("code",[t._v('"min-max"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2214",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2214"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{356:function(t,e,a){"use strict";a.r(e);var r=a(3),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"enumeration-decimationalgorithm"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-decimationalgorithm"}},[t._v("#")]),t._v(" Enumeration: DecimationAlgorithm")]),t._v(" "),e("h2",{attrs:{id:"enumeration-members"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-members"}},[t._v("#")]),t._v(" Enumeration Members")]),t._v(" "),e("h3",{attrs:{id:"lttb"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#lttb"}},[t._v("#")]),t._v(" lttb")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("lttb")]),t._v(" = "),e("code",[t._v('"lttb"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2213",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2213"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"minmax"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#minmax"}},[t._v("#")]),t._v(" minmax")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("minmax")]),t._v(" = "),e("code",[t._v('"min-max"')])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2214",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2214"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/240.c0aa2f4c.js b/docs/master/assets/js/240.ba13e9f7.js similarity index 98% rename from docs/master/assets/js/240.c0aa2f4c.js rename to docs/master/assets/js/240.ba13e9f7.js index e32779cff6..baccf6ed31 100644 --- a/docs/master/assets/js/240.c0aa2f4c.js +++ b/docs/master/assets/js/240.ba13e9f7.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[240],{575:function(n,t,e){"use strict";e.r(t);var a=e(3),i=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"grid-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#grid-configuration"}},[n._v("#")]),n._v(" Grid Configuration")]),n._v(" "),t("p",[n._v("This sample shows how to use scriptable grid options for an axis to control styling. In this case, the Y axis grid lines are colored based on their value. In addition, booleans are provided to toggle different parts of the X axis grid visibility.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 39, 20, 25, 34, -10],\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: [18, 33, 22, 19, 11, -39, 30],\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \n// Change these settings to change the display for different parts of the X axis\n// grid configuration\nconst DISPLAY = true;\nconst BORDER = true;\nconst CHART_AREA = true;\nconst TICKS = true;\n\nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Grid Line Settings'\n }\n },\n scales: {\n x: {\n border: {\n display: BORDER\n },\n grid: {\n display: DISPLAY,\n drawOnChartArea: CHART_AREA,\n drawTicks: TICKS,\n }\n },\n y: {\n border: {\n display: false\n },\n grid: {\n color: function(context) {\n if (context.tick.value > 0) {\n return Utils.CHART_COLORS.green;\n } else if (context.tick.value < 0) {\n return Utils.CHART_COLORS.red;\n }\n\n return '#000000';\n },\n },\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#tick"}},[n._v("Tick Context")])],1)])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html"}},[n._v("Axes Styling")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[n._v("Grid Line Configuration")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[240],{576:function(n,t,e){"use strict";e.r(t);var a=e(3),i=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"grid-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#grid-configuration"}},[n._v("#")]),n._v(" Grid Configuration")]),n._v(" "),t("p",[n._v("This sample shows how to use scriptable grid options for an axis to control styling. In this case, the Y axis grid lines are colored based on their value. In addition, booleans are provided to toggle different parts of the X axis grid visibility.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: -100, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 39, 20, 25, 34, -10],\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: [18, 33, 22, 19, 11, -39, 30],\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \n// Change these settings to change the display for different parts of the X axis\n// grid configuration\nconst DISPLAY = true;\nconst BORDER = true;\nconst CHART_AREA = true;\nconst TICKS = true;\n\nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Grid Line Settings'\n }\n },\n scales: {\n x: {\n border: {\n display: BORDER\n },\n grid: {\n display: DISPLAY,\n drawOnChartArea: CHART_AREA,\n drawTicks: TICKS,\n }\n },\n y: {\n border: {\n display: false\n },\n grid: {\n color: function(context) {\n if (context.tick.value > 0) {\n return Utils.CHART_COLORS.green;\n } else if (context.tick.value < 0) {\n return Utils.CHART_COLORS.red;\n }\n\n return '#000000';\n },\n },\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#tick"}},[n._v("Tick Context")])],1)])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html"}},[n._v("Axes Styling")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html#grid-line-configuration"}},[n._v("Grid Line Configuration")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/241.22686326.js b/docs/master/assets/js/241.a5775b49.js similarity index 98% rename from docs/master/assets/js/241.22686326.js rename to docs/master/assets/js/241.a5775b49.js index 408ccd38cd..197fd89493 100644 --- a/docs/master/assets/js/241.22686326.js +++ b/docs/master/assets/js/241.a5775b49.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[241],{578:function(n,t,e){"use strict";e.r(t);var a=e(3),i=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"tick-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[n._v("#")]),n._v(" Tick Configuration")]),n._v(" "),t("p",[n._v("This sample shows how to use different tick features to control how tick labels are shown on the X axis. These features include:")]),n._v(" "),t("ul",[t("li",[n._v("Multi-line labels")]),n._v(" "),t("li",[n._v("Filtering labels")]),n._v(" "),t("li",[n._v("Changing the tick color")]),n._v(" "),t("li",[n._v("Changing the tick alignment for the X axis")])]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Alignment: start',\n handler(chart) {\n chart.options.scales.x.ticks.align = 'start';\n chart.update();\n }\n },\n {\n name: 'Alignment: center (default)',\n handler(chart) {\n chart.options.scales.x.ticks.align = 'center';\n chart.update();\n }\n },\n {\n name: 'Alignment: end',\n handler(chart) {\n chart.options.scales.x.ticks.align = 'end';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 12;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\nconst data = {\n labels: [['June', '2015'], 'July', 'August', 'September', 'October', 'November', 'December', ['January', '2016'], 'February', 'March', 'April', 'May'],\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart with Tick Configuration'\n }\n },\n scales: {\n x: {\n ticks: {\n // For a category axis, the val is the index so the lookup via getLabelForValue is needed\n callback: function(val, index) {\n // Hide every 2nd tick label\n return index % 2 === 0 ? this.getLabelForValue(val) : '';\n },\n color: 'red',\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#tick"}},[n._v("Tick Context")])],1)])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html"}},[n._v("Axes Styling")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html#tick-configuration"}},[n._v("Tick Configuration")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[241],{577:function(n,t,e){"use strict";e.r(t);var a=e(3),i=Object(a.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"tick-configuration"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tick-configuration"}},[n._v("#")]),n._v(" Tick Configuration")]),n._v(" "),t("p",[n._v("This sample shows how to use different tick features to control how tick labels are shown on the X axis. These features include:")]),n._v(" "),t("ul",[t("li",[n._v("Multi-line labels")]),n._v(" "),t("li",[n._v("Filtering labels")]),n._v(" "),t("li",[n._v("Changing the tick color")]),n._v(" "),t("li",[n._v("Changing the tick alignment for the X axis")])]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Alignment: start',\n handler(chart) {\n chart.options.scales.x.ticks.align = 'start';\n chart.update();\n }\n },\n {\n name: 'Alignment: center (default)',\n handler(chart) {\n chart.options.scales.x.ticks.align = 'center';\n chart.update();\n }\n },\n {\n name: 'Alignment: end',\n handler(chart) {\n chart.options.scales.x.ticks.align = 'end';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 12;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\nconst data = {\n labels: [['June', '2015'], 'July', 'August', 'September', 'October', 'November', 'December', ['January', '2016'], 'February', 'March', 'April', 'May'],\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart with Tick Configuration'\n }\n },\n scales: {\n x: {\n ticks: {\n // For a category axis, the val is the index so the lookup via getLabelForValue is needed\n callback: function(val, index) {\n // Hide every 2nd tick label\n return index % 2 === 0 ? this.getLabelForValue(val) : '';\n },\n color: 'red',\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#tick"}},[n._v("Tick Context")])],1)])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html"}},[n._v("Axes Styling")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/styling.html#tick-configuration"}},[n._v("Tick Configuration")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/242.c1834f34.js b/docs/master/assets/js/242.0a687a0e.js similarity index 97% rename from docs/master/assets/js/242.c1834f34.js rename to docs/master/assets/js/242.0a687a0e.js index cb0245ec93..b346df311a 100644 --- a/docs/master/assets/js/242.c1834f34.js +++ b/docs/master/assets/js/242.0a687a0e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[242],{586:function(t,n,e){"use strict";e.r(n);var a=e(3),o=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"title-configuration"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#title-configuration"}},[t._v("#")]),t._v(" Title Configuration")]),t._v(" "),n("p",[t._v("This sample shows how to configure the title of an axis including alignment, font, and color.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n scales: {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month',\n color: '#911',\n font: {\n family: 'Comic Sans MS',\n size: 20,\n weight: 'bold',\n lineHeight: 1.2,\n },\n padding: {top: 20, left: 0, right: 0, bottom: 0}\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value',\n color: '#191',\n font: {\n family: 'Times',\n size: 20,\n style: 'normal',\n lineHeight: 1.2\n },\n padding: {top: 30, left: 0, right: 0, bottom: 0}\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/styling.html"}},[t._v("Axes Styling")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/"}},[t._v("Cartesian Axes")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/#common-options-to-all-cartesian-axes"}},[t._v("Common options to all cartesian axes")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/labelling.html"}},[t._v("Labeling Axes")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("Scale Title Configuration")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[242],{601:function(t,n,e){"use strict";e.r(n);var a=e(3),o=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"title-configuration"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#title-configuration"}},[t._v("#")]),t._v(" Title Configuration")]),t._v(" "),n("p",[t._v("This sample shows how to configure the title of an axis including alignment, font, and color.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n scales: {\n x: {\n display: true,\n title: {\n display: true,\n text: 'Month',\n color: '#911',\n font: {\n family: 'Comic Sans MS',\n size: 20,\n weight: 'bold',\n lineHeight: 1.2,\n },\n padding: {top: 20, left: 0, right: 0, bottom: 0}\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'Value',\n color: '#191',\n font: {\n family: 'Times',\n size: 20,\n style: 'normal',\n lineHeight: 1.2\n },\n padding: {top: 30, left: 0, right: 0, bottom: 0}\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/styling.html"}},[t._v("Axes Styling")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/"}},[t._v("Cartesian Axes")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/#common-options-to-all-cartesian-axes"}},[t._v("Common options to all cartesian axes")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/labelling.html"}},[t._v("Labeling Axes")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/labelling.html#scale-title-configuration"}},[t._v("Scale Title Configuration")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/243.0cc0abed.js b/docs/master/assets/js/243.2b29be90.js similarity index 97% rename from docs/master/assets/js/243.0cc0abed.js rename to docs/master/assets/js/243.2b29be90.js index 2c8eebc3f0..77fb38edaf 100644 --- a/docs/master/assets/js/243.0cc0abed.js +++ b/docs/master/assets/js/243.2b29be90.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[243],{579:function(t,n,e){"use strict";e.r(n);var s=e(3),a=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"linear-scale-suggested-min-max"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#linear-scale-suggested-min-max"}},[t._v("#")]),t._v(" Linear Scale - Suggested Min-Max")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 39, 20, 25, 34, -10],\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: [18, 33, 22, 19, 11, 39, 30],\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Suggested Min and Max Settings'\n }\n },\n scales: {\n y: {\n // the data minimum used for determining the ticks is Math.min(dataMin, suggestedMin)\n suggestedMin: 30,\n\n // the data maximum used for determining the ticks is Math.max(dataMax, suggestedMax)\n suggestedMax: 50,\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[t._v("Common options to all axes")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("Axis Range Settings")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[243],{581:function(t,n,e){"use strict";e.r(n);var s=e(3),a=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"linear-scale-suggested-min-max"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#linear-scale-suggested-min-max"}},[t._v("#")]),t._v(" Linear Scale - Suggested Min-Max")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 39, 20, 25, 34, -10],\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: [18, 33, 22, 19, 11, 39, 30],\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Suggested Min and Max Settings'\n }\n },\n scales: {\n y: {\n // the data minimum used for determining the ticks is Math.min(dataMin, suggestedMin)\n suggestedMin: 30,\n\n // the data maximum used for determining the ticks is Math.max(dataMax, suggestedMax)\n suggestedMax: 50,\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[t._v("Common options to all axes")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/#axis-range-settings"}},[t._v("Axis Range Settings")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=a.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/244.adfce418.js b/docs/master/assets/js/244.607dd3ea.js similarity index 96% rename from docs/master/assets/js/244.adfce418.js rename to docs/master/assets/js/244.607dd3ea.js index 6cd50416f6..22d1f92aa2 100644 --- a/docs/master/assets/js/244.adfce418.js +++ b/docs/master/assets/js/244.607dd3ea.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[244],{580:function(n,t,a){"use strict";a.r(t);var s=a(3),e=Object(s.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"linear-scale-min-max"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#linear-scale-min-max"}},[n._v("#")]),n._v(" Linear Scale - Min-Max")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 50, 20, 25, 44, -10],\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: [100, 33, 22, 19, 11, 49, 30],\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Min and Max Settings'\n }\n },\n scales: {\n y: {\n min: 10,\n max: 50,\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/"}},[n._v("Axes scales")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[n._v("Common options to all axes ("),t("code",[n._v("min")]),n._v(","),t("code",[n._v("max")]),n._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[244],{579:function(n,t,a){"use strict";a.r(t);var s=a(3),e=Object(s.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"linear-scale-min-max"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#linear-scale-min-max"}},[n._v("#")]),n._v(" Linear Scale - Min-Max")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 50, 20, 25, 44, -10],\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: [100, 33, 22, 19, 11, 49, 30],\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Min and Max Settings'\n }\n },\n scales: {\n y: {\n min: 10,\n max: 50,\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/"}},[n._v("Axes scales")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[n._v("Common options to all axes ("),t("code",[n._v("min")]),n._v(","),t("code",[n._v("max")]),n._v(")")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/245.f030de49.js b/docs/master/assets/js/245.2c8c560c.js similarity index 98% rename from docs/master/assets/js/245.f030de49.js rename to docs/master/assets/js/245.2c8c560c.js index accf02785c..75677f78cc 100644 --- a/docs/master/assets/js/245.f030de49.js +++ b/docs/master/assets/js/245.2c8c560c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[245],{583:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"linear-scale-step-size"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#linear-scale-step-size"}},[t._v("#")]),t._v(" Linear Scale - Step Size")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: dsColor,\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n tooltip: {\n mode: 'index',\n intersect: false\n },\n title: {\n display: true,\n text: 'Chart.js Line Chart'\n }\n },\n hover: {\n mode: 'index',\n intersec: false\n },\n scales: {\n x: {\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n title: {\n display: true,\n text: 'Value'\n },\n min: 0,\n max: 100,\n ticks: {\n // forces step size to be 50 units\n stepSize: 50\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[t._v("Common options to all axes ("),n("code",[t._v("min")]),t._v(","),n("code",[t._v("max")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[t._v("Linear Axis")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/linear.html#linear-axis-specific-tick-options"}},[t._v("Linear Axis specific tick options ("),n("code",[t._v("stepSize")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/linear.html#step-size"}},[t._v("Step Size")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[245],{578:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"linear-scale-step-size"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#linear-scale-step-size"}},[t._v("#")]),t._v(" Linear Scale - Step Size")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n {\n name: 'Add Dataset',\n handler(chart) {\n const data = chart.data;\n const dsColor = Utils.namedColor(chart.data.datasets.length);\n const newDataset = {\n label: 'Dataset ' + (data.datasets.length + 1),\n backgroundColor: dsColor,\n borderColor: dsColor,\n data: Utils.numbers({count: data.labels.length, min: 0, max: 100}),\n };\n chart.data.datasets.push(newDataset);\n chart.update();\n }\n },\n {\n name: 'Add Data',\n handler(chart) {\n const data = chart.data;\n if (data.datasets.length > 0) {\n data.labels = Utils.months({count: data.labels.length + 1});\n\n for (let index = 0; index < data.datasets.length; ++index) {\n data.datasets[index].data.push(Utils.rand(0, 100));\n }\n\n chart.update();\n }\n }\n },\n {\n name: 'Remove Dataset',\n handler(chart) {\n chart.data.datasets.pop();\n chart.update();\n }\n },\n {\n name: 'Remove Data',\n handler(chart) {\n chart.data.labels.splice(-1, 1); // remove the label first\n\n chart.data.datasets.forEach(dataset => {\n dataset.data.pop();\n });\n\n chart.update();\n }\n }\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n tooltip: {\n mode: 'index',\n intersect: false\n },\n title: {\n display: true,\n text: 'Chart.js Line Chart'\n }\n },\n hover: {\n mode: 'index',\n intersec: false\n },\n scales: {\n x: {\n title: {\n display: true,\n text: 'Month'\n }\n },\n y: {\n title: {\n display: true,\n text: 'Value'\n },\n min: 0,\n max: 100,\n ticks: {\n // forces step size to be 50 units\n stepSize: 50\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/#common-options-to-all-axes"}},[t._v("Common options to all axes ("),n("code",[t._v("min")]),t._v(","),n("code",[t._v("max")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/linear.html"}},[t._v("Linear Axis")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/linear.html#linear-axis-specific-tick-options"}},[t._v("Linear Axis specific tick options ("),n("code",[t._v("stepSize")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/linear.html#step-size"}},[t._v("Step Size")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/246.7c297e9d.js b/docs/master/assets/js/246.187d8ae4.js similarity index 97% rename from docs/master/assets/js/246.7c297e9d.js rename to docs/master/assets/js/246.187d8ae4.js index ef023d732a..252951e8cf 100644 --- a/docs/master/assets/js/246.7c297e9d.js +++ b/docs/master/assets/js/246.187d8ae4.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[246],{581:function(n,t,a){"use strict";a.r(t);var s=a(3),o=Object(s.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"log-scale"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#log-scale"}},[n._v("#")]),n._v(" Log Scale")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst logNumbers = (num) => {\n const data = [];\n\n for (let i = 0; i < num; ++i) {\n data.push(Math.ceil(Math.random() * 10.0) * Math.pow(10, Math.ceil(Math.random() * 5)));\n }\n\n return data;\n};\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = logNumbers(chart.data.labels.length);\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: logNumbers(DATA_COUNT),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n fill: false,\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart - Logarithmic'\n }\n },\n scales: {\n x: {\n display: true,\n },\n y: {\n display: true,\n type: 'logarithmic',\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/logarithmic.html"}},[n._v("Logarithmic Axis")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[246],{580:function(n,t,a){"use strict";a.r(t);var s=a(3),o=Object(s.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"log-scale"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#log-scale"}},[n._v("#")]),n._v(" Log Scale")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst logNumbers = (num) => {\n const data = [];\n\n for (let i = 0; i < num; ++i) {\n data.push(Math.ceil(Math.random() * 10.0) * Math.pow(10, Math.ceil(Math.random() * 5)));\n }\n\n return data;\n};\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = logNumbers(chart.data.labels.length);\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: logNumbers(DATA_COUNT),\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n fill: false,\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Line Chart - Logarithmic'\n }\n },\n scales: {\n x: {\n display: true,\n },\n y: {\n display: true,\n type: 'logarithmic',\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/logarithmic.html"}},[n._v("Logarithmic Axis")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/247.14ca9b85.js b/docs/master/assets/js/247.1fb7f068.js similarity index 97% rename from docs/master/assets/js/247.14ca9b85.js rename to docs/master/assets/js/247.1fb7f068.js index a4d92c0229..2181b97ada 100644 --- a/docs/master/assets/js/247.14ca9b85.js +++ b/docs/master/assets/js/247.1fb7f068.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[247],{582:function(t,n,e){"use strict";e.r(n);var s=e(3),a=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"stacked-linear-category"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stacked-linear-category"}},[t._v("#")]),t._v(" Stacked Linear / Category")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 50, 20, 25, 44, -10],\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: ['ON', 'ON', 'OFF', 'ON', 'OFF', 'OFF', 'ON'],\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n stepped: true,\n yAxisID: 'y2',\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Stacked scales',\n },\n },\n scales: {\n y: {\n type: 'linear',\n position: 'left',\n stack: 'demo',\n stackWeight: 2,\n border: {\n color: Utils.CHART_COLORS.red\n }\n },\n y2: {\n type: 'category',\n labels: ['ON', 'OFF'],\n offset: true,\n position: 'left',\n stack: 'demo',\n stackWeight: 1,\n border: {\n color: Utils.CHART_COLORS.blue\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("Stacking")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[247],{583:function(t,n,e){"use strict";e.r(n);var s=e(3),a=Object(s.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"stacked-linear-category"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#stacked-linear-category"}},[t._v("#")]),t._v(" Stacked Linear / Category")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = Utils.months({count: 7});\nconst data = {\n labels: labels,\n datasets: [\n {\n label: 'Dataset 1',\n data: [10, 30, 50, 20, 25, 44, -10],\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.CHART_COLORS.red,\n },\n {\n label: 'Dataset 2',\n data: ['ON', 'ON', 'OFF', 'ON', 'OFF', 'OFF', 'ON'],\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.CHART_COLORS.blue,\n stepped: true,\n yAxisID: 'y2',\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n responsive: true,\n plugins: {\n title: {\n display: true,\n text: 'Stacked scales',\n },\n },\n scales: {\n y: {\n type: 'linear',\n position: 'left',\n stack: 'demo',\n stackWeight: 2,\n border: {\n color: Utils.CHART_COLORS.red\n }\n },\n y2: {\n type: 'category',\n labels: ['ON', 'OFF'],\n offset: true,\n position: 'left',\n stack: 'demo',\n stackWeight: 1,\n border: {\n color: Utils.CHART_COLORS.blue\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/"}},[t._v("Axes scales")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/axes/#stacking"}},[t._v("Stacking")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1)])],1)}),[],!1,null,null,null);n.default=a.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/248.6e025552.js b/docs/master/assets/js/248.7189371a.js similarity index 97% rename from docs/master/assets/js/248.6e025552.js rename to docs/master/assets/js/248.7189371a.js index 9afac1af40..922304a15b 100644 --- a/docs/master/assets/js/248.6e025552.js +++ b/docs/master/assets/js/248.7189371a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[248],{584:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"time-scale-combo-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#time-scale-combo-chart"}},[t._v("#")]),t._v(" Time Scale - Combo Chart")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = [];\n\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push(Utils.newDate(i));\n}\n\nconst data = {\n labels: labels,\n datasets: [{\n type: 'bar',\n label: 'Dataset 1',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderColor: Utils.CHART_COLORS.red,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n type: 'line',\n label: 'Dataset 3',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n borderColor: Utils.CHART_COLORS.green,\n fill: false,\n data: Utils.numbers(NUMBER_CFG),\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n text: 'Chart.js Combo Time Scale',\n display: true\n }\n },\n scales: {\n x: {\n type: 'time',\n display: true,\n offset: true,\n ticks: {\n source: 'data'\n },\n time: {\n unit: 'day'\n },\n },\n },\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[t._v("Time Scale")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[248],{582:function(t,n,a){"use strict";a.r(n);var e=a(3),s=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"time-scale-combo-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#time-scale-combo-chart"}},[t._v("#")]),t._v(" Time Scale - Combo Chart")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = Utils.numbers({count: chart.data.labels.length, min: 0, max: 100});\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst labels = [];\n\nfor (let i = 0; i < DATA_COUNT; ++i) {\n labels.push(Utils.newDate(i));\n}\n\nconst data = {\n labels: labels,\n datasets: [{\n type: 'bar',\n label: 'Dataset 1',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderColor: Utils.CHART_COLORS.red,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n type: 'bar',\n label: 'Dataset 2',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n type: 'line',\n label: 'Dataset 3',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n borderColor: Utils.CHART_COLORS.green,\n fill: false,\n data: Utils.numbers(NUMBER_CFG),\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n text: 'Chart.js Combo Time Scale',\n display: true\n }\n },\n scales: {\n x: {\n type: 'time',\n display: true,\n offset: true,\n ticks: {\n source: 'data'\n },\n time: {\n unit: 'day'\n },\n },\n },\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[t._v("Time Scale")])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/249.89b31537.js b/docs/master/assets/js/249.235e398c.js similarity index 97% rename from docs/master/assets/js/249.89b31537.js rename to docs/master/assets/js/249.235e398c.js index 1dcaf76d6c..bd530f49de 100644 --- a/docs/master/assets/js/249.89b31537.js +++ b/docs/master/assets/js/249.235e398c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[249],{585:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"time-scale"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#time-scale"}},[n._v("#")]),n._v(" Time Scale")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.forEach(function(dataObj, j) {\n const newVal = Utils.rand(0, 100);\n\n if (typeof dataObj === 'object') {\n dataObj.y = newVal;\n } else {\n dataset.data[j] = newVal;\n }\n });\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst data = {\n labels: [ // Date Objects\n Utils.newDate(0),\n Utils.newDate(1),\n Utils.newDate(2),\n Utils.newDate(3),\n Utils.newDate(4),\n Utils.newDate(5),\n Utils.newDate(6)\n ],\n datasets: [{\n label: 'My First dataset',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'My Second dataset',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n fill: false,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'Dataset with point data',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n borderColor: Utils.CHART_COLORS.green,\n fill: false,\n data: [{\n x: Utils.newDateString(0),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(5),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(7),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(15),\n y: Utils.rand(0, 100)\n }],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n text: 'Chart.js Time Scale',\n display: true\n }\n },\n scales: {\n x: {\n type: 'time',\n time: {\n // Luxon format string\n tooltipFormat: 'DD T'\n },\n title: {\n display: true,\n text: 'Date'\n }\n },\n y: {\n title: {\n display: true,\n text: 'value'\n }\n }\n },\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[n._v("Time Cartesian Axis")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[249],{584:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"time-scale"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#time-scale"}},[n._v("#")]),n._v(" Time Scale")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.forEach(function(dataObj, j) {\n const newVal = Utils.rand(0, 100);\n\n if (typeof dataObj === 'object') {\n dataObj.y = newVal;\n } else {\n dataset.data[j] = newVal;\n }\n });\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: 0, max: 100};\n\nconst data = {\n labels: [ // Date Objects\n Utils.newDate(0),\n Utils.newDate(1),\n Utils.newDate(2),\n Utils.newDate(3),\n Utils.newDate(4),\n Utils.newDate(5),\n Utils.newDate(6)\n ],\n datasets: [{\n label: 'My First dataset',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'My Second dataset',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n fill: false,\n data: Utils.numbers(NUMBER_CFG),\n }, {\n label: 'Dataset with point data',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n borderColor: Utils.CHART_COLORS.green,\n fill: false,\n data: [{\n x: Utils.newDateString(0),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(5),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(7),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(15),\n y: Utils.rand(0, 100)\n }],\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n text: 'Chart.js Time Scale',\n display: true\n }\n },\n scales: {\n x: {\n type: 'time',\n time: {\n // Luxon format string\n tooltipFormat: 'DD T'\n },\n title: {\n display: true,\n text: 'Date'\n }\n },\n y: {\n title: {\n display: true,\n text: 'value'\n }\n }\n },\n },\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[n._v("Time Cartesian Axis")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/25.56c294b6.js b/docs/master/assets/js/25.f7b22a9c.js similarity index 90% rename from docs/master/assets/js/25.56c294b6.js rename to docs/master/assets/js/25.f7b22a9c.js index 22f0df535d..d894299910 100644 --- a/docs/master/assets/js/25.56c294b6.js +++ b/docs/master/assets/js/25.f7b22a9c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{358:function(e,t,r){"use strict";r.r(t);var a=r(3),s=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"enumeration-updatemodeenum"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-updatemodeenum"}},[e._v("#")]),e._v(" Enumeration: UpdateModeEnum")]),e._v(" "),t("h2",{attrs:{id:"enumeration-members"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-members"}},[e._v("#")]),e._v(" Enumeration Members")]),e._v(" "),t("h3",{attrs:{id:"active"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[e._v("#")]),e._v(" active")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("active")]),e._v(" = "),t("code",[e._v('"active"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L577",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:577"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"default"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#default"}},[e._v("#")]),e._v(" default")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("default")]),e._v(" = "),t("code",[e._v('"default"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L576",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:576"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"hide"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hide"}},[e._v("#")]),e._v(" hide")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("hide")]),e._v(" = "),t("code",[e._v('"hide"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L574",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:574"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"none"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#none"}},[e._v("#")]),e._v(" none")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("none")]),e._v(" = "),t("code",[e._v('"none"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L573",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:573"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"reset"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[e._v("#")]),e._v(" reset")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("reset")]),e._v(" = "),t("code",[e._v('"reset"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L572",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:572"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"resize"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#resize"}},[e._v("#")]),e._v(" resize")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("resize")]),e._v(" = "),t("code",[e._v('"resize"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L571",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:571"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"show"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#show"}},[e._v("#")]),e._v(" show")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("show")]),e._v(" = "),t("code",[e._v('"show"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L575",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:575"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{358:function(e,t,r){"use strict";r.r(t);var a=r(3),s=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"enumeration-updatemodeenum"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-updatemodeenum"}},[e._v("#")]),e._v(" Enumeration: UpdateModeEnum")]),e._v(" "),t("h2",{attrs:{id:"enumeration-members"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#enumeration-members"}},[e._v("#")]),e._v(" Enumeration Members")]),e._v(" "),t("h3",{attrs:{id:"active"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[e._v("#")]),e._v(" active")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("active")]),e._v(" = "),t("code",[e._v('"active"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L577",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:577"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"default"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#default"}},[e._v("#")]),e._v(" default")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("default")]),e._v(" = "),t("code",[e._v('"default"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L576",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:576"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"hide"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hide"}},[e._v("#")]),e._v(" hide")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("hide")]),e._v(" = "),t("code",[e._v('"hide"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L574",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:574"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"none"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#none"}},[e._v("#")]),e._v(" none")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("none")]),e._v(" = "),t("code",[e._v('"none"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L573",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:573"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"reset"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#reset"}},[e._v("#")]),e._v(" reset")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("reset")]),e._v(" = "),t("code",[e._v('"reset"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L572",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:572"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"resize"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#resize"}},[e._v("#")]),e._v(" resize")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("resize")]),e._v(" = "),t("code",[e._v('"resize"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L571",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:571"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"show"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#show"}},[e._v("#")]),e._v(" show")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("show")]),e._v(" = "),t("code",[e._v('"show"')])]),e._v(" "),t("h4",{attrs:{id:"defined-in-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L575",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:575"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/250.d04cc756.js b/docs/master/assets/js/250.2f92db81.js similarity index 98% rename from docs/master/assets/js/250.d04cc756.js rename to docs/master/assets/js/250.2f92db81.js index 48d830eafd..2cb9d0cc60 100644 --- a/docs/master/assets/js/250.d04cc756.js +++ b/docs/master/assets/js/250.2f92db81.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[250],{588:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"time-scale-max-span"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#time-scale-max-span"}},[n._v("#")]),n._v(" Time Scale - Max Span")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.forEach(function(dataObj, j) {\n const newVal = Utils.rand(0, 100);\n\n if (typeof dataObj === 'object') {\n dataObj.y = newVal;\n } else {\n dataset.data[j] = newVal;\n }\n });\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst data = {\n datasets: [{\n label: 'Dataset with string point data',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n data: [{\n x: Utils.newDateString(0),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(2),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(4),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(6),\n y: Utils.rand(0, 100)\n }],\n }, {\n label: 'Dataset with date object point data',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n fill: false,\n data: [{\n x: Utils.newDate(0),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDate(2),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDate(5),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDate(6),\n y: Utils.rand(0, 100)\n }]\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n spanGaps: 1000 * 60 * 60 * 24 * 2, // 2 days\n responsive: true,\n interaction: {\n mode: 'nearest',\n },\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Time - spanGaps: 172800000 (2 days in ms)'\n },\n },\n scales: {\n x: {\n type: 'time',\n display: true,\n title: {\n display: true,\n text: 'Date'\n },\n ticks: {\n autoSkip: false,\n maxRotation: 0,\n major: {\n enabled: true\n },\n // color: function(context) {\n // return context.tick && context.tick.major ? '#FF0000' : 'rgba(0,0,0,0.1)';\n // },\n font: function(context) {\n if (context.tick && context.tick.major) {\n return {\n weight: 'bold',\n };\n }\n }\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'value'\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[t("code",[n._v("spanGaps")])])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[n._v("Time Scale")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[250],{585:function(n,t,a){"use strict";a.r(t);var e=a(3),s=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"time-scale-max-span"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#time-scale-max-span"}},[n._v("#")]),n._v(" Time Scale - Max Span")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data.forEach(function(dataObj, j) {\n const newVal = Utils.rand(0, 100);\n\n if (typeof dataObj === 'object') {\n dataObj.y = newVal;\n } else {\n dataset.data[j] = newVal;\n }\n });\n });\n chart.update();\n }\n },\n];\n// \n\n// \nconst data = {\n datasets: [{\n label: 'Dataset with string point data',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n borderColor: Utils.CHART_COLORS.red,\n fill: false,\n data: [{\n x: Utils.newDateString(0),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(2),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(4),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDateString(6),\n y: Utils.rand(0, 100)\n }],\n }, {\n label: 'Dataset with date object point data',\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n borderColor: Utils.CHART_COLORS.blue,\n fill: false,\n data: [{\n x: Utils.newDate(0),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDate(2),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDate(5),\n y: Utils.rand(0, 100)\n }, {\n x: Utils.newDate(6),\n y: Utils.rand(0, 100)\n }]\n }]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n spanGaps: 1000 * 60 * 60 * 24 * 2, // 2 days\n responsive: true,\n interaction: {\n mode: 'nearest',\n },\n plugins: {\n title: {\n display: true,\n text: 'Chart.js Time - spanGaps: 172800000 (2 days in ms)'\n },\n },\n scales: {\n x: {\n type: 'time',\n display: true,\n title: {\n display: true,\n text: 'Date'\n },\n ticks: {\n autoSkip: false,\n maxRotation: 0,\n major: {\n enabled: true\n },\n // color: function(context) {\n // return context.tick && context.tick.major ? '#FF0000' : 'rgba(0,0,0,0.1)';\n // },\n font: function(context) {\n if (context.tick && context.tick.major) {\n return {\n weight: 'bold',\n };\n }\n }\n }\n },\n y: {\n display: true,\n title: {\n display: true,\n text: 'value'\n }\n }\n }\n },\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#line-styling"}},[t("code",[n._v("spanGaps")])])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/axes/cartesian/time.html"}},[n._v("Time Scale")])],1)])],1)}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/251.0cc31f6b.js b/docs/master/assets/js/251.48e1e2c2.js similarity index 97% rename from docs/master/assets/js/251.0cc31f6b.js rename to docs/master/assets/js/251.48e1e2c2.js index 84e420f9dd..d907b2f36c 100644 --- a/docs/master/assets/js/251.0cc31f6b.js +++ b/docs/master/assets/js/251.48e1e2c2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[251],{589:function(t,n,a){"use strict";a.r(n);var e=a(3),o=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"bar-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#bar-chart"}},[t._v("#")]),t._v(" Bar Chart")]),t._v(" "),n("p",[t._v("Demo selecting bar color based on the bar's y value.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: -100,\n max: 100\n });\n}\n\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [{\n data: generateData(),\n }]\n};\n// \n\n// \nfunction colorize(opaque) {\n return (ctx) => {\n const v = ctx.parsed.y;\n const c = v < -50 ? '#D60000'\n : v < 0 ? '#F46300'\n : v < 50 ? '#0358B6'\n : '#44DE28';\n\n return opaque ? c : Utils.transparentize(c, 1 - Math.abs(v / 150));\n };\n}\n\nconst config = {\n type: 'bar',\n data: data,\n options: {\n plugins: {\n legend: false,\n },\n elements: {\n bar: {\n backgroundColor: colorize(false),\n borderColor: colorize(true),\n borderWidth: 2\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[t._v("Dataset Configuration ("),n("code",[t._v("stack")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[251],{587:function(t,n,a){"use strict";a.r(n);var e=a(3),o=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"bar-chart"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#bar-chart"}},[t._v("#")]),t._v(" Bar Chart")]),t._v(" "),n("p",[t._v("Demo selecting bar color based on the bar's y value.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: -100,\n max: 100\n });\n}\n\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [{\n data: generateData(),\n }]\n};\n// \n\n// \nfunction colorize(opaque) {\n return (ctx) => {\n const v = ctx.parsed.y;\n const c = v < -50 ? '#D60000'\n : v < 0 ? '#F46300'\n : v < 50 ? '#0358B6'\n : '#44DE28';\n\n return opaque ? c : Utils.transparentize(c, 1 - Math.abs(v / 150));\n };\n}\n\nconst config = {\n type: 'bar',\n data: data,\n options: {\n plugins: {\n legend: false,\n },\n elements: {\n bar: {\n backgroundColor: colorize(false),\n borderColor: colorize(true),\n borderWidth: 2\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/charts/bar.html"}},[t._v("Bar")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html#dataset-configuration"}},[t._v("Dataset Configuration ("),n("code",[t._v("stack")]),t._v(")")])],1)])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/general/options.html"}},[t._v("Options")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[t._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/252.76c8da29.js b/docs/master/assets/js/252.c1e51be0.js similarity index 97% rename from docs/master/assets/js/252.76c8da29.js rename to docs/master/assets/js/252.c1e51be0.js index f2a1b93747..fa797d74be 100644 --- a/docs/master/assets/js/252.76c8da29.js +++ b/docs/master/assets/js/252.c1e51be0.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[252],{587:function(n,t,a){"use strict";a.r(t);var e=a(3),o=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"bubble-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bubble-chart"}},[n._v("#")]),n._v(" Bubble Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nconst MIN_XY = -150;\nconst MAX_XY = 100;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n const data = [];\n let i;\n\n for (i = 0; i < DATA_COUNT; ++i) {\n data.push({\n x: Utils.rand(MIN_XY, MAX_XY),\n y: Utils.rand(MIN_XY, MAX_XY),\n v: Utils.rand(0, 1000)\n });\n }\n\n return data;\n}\n\nconst data = {\n datasets: [{\n data: generateData()\n }, {\n data: generateData()\n }]\n};\n// \n\n// \nfunction channelValue(x, y, values) {\n return x < 0 && y < 0 ? values[0] : x < 0 ? values[1] : y < 0 ? values[2] : values[3];\n}\n\nfunction colorize(opaque, context) {\n const value = context.raw;\n const x = value.x / 100;\n const y = value.y / 100;\n const r = channelValue(x, y, [250, 150, 50, 0]);\n const g = channelValue(x, y, [0, 50, 150, 250]);\n const b = channelValue(x, y, [0, 150, 150, 250]);\n const a = opaque ? 1 : 0.5 * value.v / 1000;\n\n return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';\n}\n\nconst config = {\n type: 'bubble',\n data: data,\n options: {\n aspectRatio: 1,\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n point: {\n backgroundColor: colorize.bind(null, false),\n\n borderColor: colorize.bind(null, true),\n\n borderWidth: function(context) {\n return Math.min(Math.max(1, context.datasetIndex + 1), 8);\n },\n\n hoverBackgroundColor: 'transparent',\n\n hoverBorderColor: function(context) {\n return Utils.color(context.datasetIndex);\n },\n\n hoverBorderWidth: function(context) {\n return Math.round(8 * context.raw.v / 1000);\n },\n\n radius: function(context) {\n const size = context.chart.width;\n const base = Math.abs(context.raw.v) / 1000;\n return (size / 24) * base;\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/bubble.html"}},[n._v("Bubble")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[252],{586:function(n,t,a){"use strict";a.r(t);var e=a(3),o=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"bubble-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bubble-chart"}},[n._v("#")]),n._v(" Bubble Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 16;\nconst MIN_XY = -150;\nconst MAX_XY = 100;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n const data = [];\n let i;\n\n for (i = 0; i < DATA_COUNT; ++i) {\n data.push({\n x: Utils.rand(MIN_XY, MAX_XY),\n y: Utils.rand(MIN_XY, MAX_XY),\n v: Utils.rand(0, 1000)\n });\n }\n\n return data;\n}\n\nconst data = {\n datasets: [{\n data: generateData()\n }, {\n data: generateData()\n }]\n};\n// \n\n// \nfunction channelValue(x, y, values) {\n return x < 0 && y < 0 ? values[0] : x < 0 ? values[1] : y < 0 ? values[2] : values[3];\n}\n\nfunction colorize(opaque, context) {\n const value = context.raw;\n const x = value.x / 100;\n const y = value.y / 100;\n const r = channelValue(x, y, [250, 150, 50, 0]);\n const g = channelValue(x, y, [0, 50, 150, 250]);\n const b = channelValue(x, y, [0, 150, 150, 250]);\n const a = opaque ? 1 : 0.5 * value.v / 1000;\n\n return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';\n}\n\nconst config = {\n type: 'bubble',\n data: data,\n options: {\n aspectRatio: 1,\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n point: {\n backgroundColor: colorize.bind(null, false),\n\n borderColor: colorize.bind(null, true),\n\n borderWidth: function(context) {\n return Math.min(Math.max(1, context.datasetIndex + 1), 8);\n },\n\n hoverBackgroundColor: 'transparent',\n\n hoverBorderColor: function(context) {\n return Utils.color(context.datasetIndex);\n },\n\n hoverBorderWidth: function(context) {\n return Math.round(8 * context.raw.v / 1000);\n },\n\n radius: function(context) {\n const size = context.chart.width;\n const base = Math.abs(context.raw.v) / 1000;\n return (size / 24) * base;\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/bubble.html"}},[n._v("Bubble")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/253.d98e0eb5.js b/docs/master/assets/js/253.950bea0a.js similarity index 97% rename from docs/master/assets/js/253.d98e0eb5.js rename to docs/master/assets/js/253.950bea0a.js index 268c4e818b..bd58e89347 100644 --- a/docs/master/assets/js/253.d98e0eb5.js +++ b/docs/master/assets/js/253.950bea0a.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[253],{591:function(n,t,a){"use strict";a.r(t);var e=a(3),o=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"line-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[n._v("#")]),n._v(" Line Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: 0,\n max: 100\n });\n}\n\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction getLineColor(ctx) {\n return Utils.color(ctx.datasetIndex);\n}\n\nfunction alternatePointStyles(ctx) {\n const index = ctx.dataIndex;\n return index % 2 === 0 ? 'circle' : 'rect';\n}\n\nfunction makeHalfAsOpaque(ctx) {\n return Utils.transparentize(getLineColor(ctx));\n}\n\nfunction adjustRadiusBasedOnData(ctx) {\n const v = ctx.parsed.y;\n return v < 10 ? 5\n : v < 25 ? 7\n : v < 50 ? 9\n : v < 75 ? 11\n : 15;\n}\n\nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: true,\n },\n elements: {\n line: {\n fill: false,\n backgroundColor: getLineColor,\n borderColor: getLineColor,\n },\n point: {\n backgroundColor: getLineColor,\n hoverBackgroundColor: makeHalfAsOpaque,\n radius: adjustRadiusBasedOnData,\n pointStyle: alternatePointStyles,\n hoverRadius: 15,\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#point-styling"}},[n._v("Point Styling")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[253],{588:function(n,t,a){"use strict";a.r(t);var e=a(3),o=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"line-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#line-chart"}},[n._v("#")]),n._v(" Line Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 12;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: 0,\n max: 100\n });\n}\n\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction getLineColor(ctx) {\n return Utils.color(ctx.datasetIndex);\n}\n\nfunction alternatePointStyles(ctx) {\n const index = ctx.dataIndex;\n return index % 2 === 0 ? 'circle' : 'rect';\n}\n\nfunction makeHalfAsOpaque(ctx) {\n return Utils.transparentize(getLineColor(ctx));\n}\n\nfunction adjustRadiusBasedOnData(ctx) {\n const v = ctx.parsed.y;\n return v < 10 ? 5\n : v < 25 ? 7\n : v < 50 ? 9\n : v < 75 ? 11\n : 15;\n}\n\nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: true,\n },\n elements: {\n line: {\n fill: false,\n backgroundColor: getLineColor,\n borderColor: getLineColor,\n },\n point: {\n backgroundColor: getLineColor,\n hoverBackgroundColor: makeHalfAsOpaque,\n radius: adjustRadiusBasedOnData,\n pointStyle: alternatePointStyles,\n hoverRadius: 15,\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/charts/line.html#point-styling"}},[n._v("Point Styling")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/254.c5f3a675.js b/docs/master/assets/js/254.6de4da6d.js similarity index 97% rename from docs/master/assets/js/254.c5f3a675.js rename to docs/master/assets/js/254.6de4da6d.js index 2c4d012836..d4ebbe2e29 100644 --- a/docs/master/assets/js/254.c5f3a675.js +++ b/docs/master/assets/js/254.6de4da6d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[254],{590:function(n,t,a){"use strict";a.r(t);var o=a(3),e=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"pie-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pie-chart"}},[n._v("#")]),n._v(" Pie Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 5;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n {\n name: 'Toggle Doughnut View',\n handler(chart) {\n if (chart.options.cutout) {\n chart.options.cutout = 0;\n } else {\n chart.options.cutout = '50%';\n }\n chart.update();\n }\n }\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: -100,\n max: 100\n });\n}\n\nconst data = {\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction colorize(opaque, hover, ctx) {\n const v = ctx.parsed;\n const c = v < -50 ? '#D60000'\n : v < 0 ? '#F46300'\n : v < 50 ? '#0358B6'\n : '#44DE28';\n\n const opacity = hover ? 1 - Math.abs(v / 150) - 0.2 : 1 - Math.abs(v / 150);\n\n return opaque ? c : Utils.transparentize(c, opacity);\n}\n\nfunction hoverColorize(ctx) {\n return colorize(false, true, ctx);\n}\n\nconst config = {\n type: 'pie',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n arc: {\n backgroundColor: colorize.bind(null, false, false),\n hoverBackgroundColor: hoverColorize\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[n._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[254],{589:function(n,t,a){"use strict";a.r(t);var o=a(3),e=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"pie-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pie-chart"}},[n._v("#")]),n._v(" Pie Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 5;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n {\n name: 'Toggle Doughnut View',\n handler(chart) {\n if (chart.options.cutout) {\n chart.options.cutout = 0;\n } else {\n chart.options.cutout = '50%';\n }\n chart.update();\n }\n }\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: -100,\n max: 100\n });\n}\n\nconst data = {\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction colorize(opaque, hover, ctx) {\n const v = ctx.parsed;\n const c = v < -50 ? '#D60000'\n : v < 0 ? '#F46300'\n : v < 50 ? '#0358B6'\n : '#44DE28';\n\n const opacity = hover ? 1 - Math.abs(v / 150) - 0.2 : 1 - Math.abs(v / 150);\n\n return opaque ? c : Utils.transparentize(c, opacity);\n}\n\nfunction hoverColorize(ctx) {\n return colorize(false, true, ctx);\n}\n\nconst config = {\n type: 'pie',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n arc: {\n backgroundColor: colorize.bind(null, false, false),\n hoverBackgroundColor: hoverColorize\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/doughnut.html"}},[n._v("Doughnut and Pie Charts")])],1)])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/255.5c482617.js b/docs/master/assets/js/255.ac399c07.js similarity index 97% rename from docs/master/assets/js/255.5c482617.js rename to docs/master/assets/js/255.ac399c07.js index 1faa1732db..71c2c9bfa7 100644 --- a/docs/master/assets/js/255.5c482617.js +++ b/docs/master/assets/js/255.ac399c07.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[255],{592:function(n,t,a){"use strict";a.r(t);var o=a(3),e=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"polar-area-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#polar-area-chart"}},[n._v("#")]),n._v(" Polar Area Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: 0,\n max: 100\n });\n}\n\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction colorize(opaque, hover, ctx) {\n const v = ctx.raw;\n const c = v < 35 ? '#D60000'\n : v < 55 ? '#F46300'\n : v < 75 ? '#0358B6'\n : '#44DE28';\n\n const opacity = hover ? 1 - Math.abs(v / 150) - 0.2 : 1 - Math.abs(v / 150);\n\n return opaque ? c : Utils.transparentize(c, opacity);\n}\n\nfunction hoverColorize(ctx) {\n return colorize(false, true, ctx);\n}\n\nconst config = {\n type: 'polarArea',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n arc: {\n backgroundColor: colorize.bind(null, false, false),\n hoverBackgroundColor: hoverColorize\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/polar.html"}},[n._v("Polar Area Chart")])],1)])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[255],{590:function(n,t,a){"use strict";a.r(t);var o=a(3),e=Object(o.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"polar-area-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#polar-area-chart"}},[n._v("#")]),n._v(" Polar Area Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: 0,\n max: 100\n });\n}\n\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction colorize(opaque, hover, ctx) {\n const v = ctx.raw;\n const c = v < 35 ? '#D60000'\n : v < 55 ? '#F46300'\n : v < 75 ? '#0358B6'\n : '#44DE28';\n\n const opacity = hover ? 1 - Math.abs(v / 150) - 0.2 : 1 - Math.abs(v / 150);\n\n return opaque ? c : Utils.transparentize(c, opacity);\n}\n\nfunction hoverColorize(ctx) {\n return colorize(false, true, ctx);\n}\n\nconst config = {\n type: 'polarArea',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n arc: {\n backgroundColor: colorize.bind(null, false, false),\n hoverBackgroundColor: hoverColorize\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/polar.html"}},[n._v("Polar Area Chart")])],1)])],1)}),[],!1,null,null,null);t.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/256.53f901f7.js b/docs/master/assets/js/256.b676d2c8.js similarity index 97% rename from docs/master/assets/js/256.53f901f7.js rename to docs/master/assets/js/256.b676d2c8.js index e592a86022..d299375cde 100644 --- a/docs/master/assets/js/256.53f901f7.js +++ b/docs/master/assets/js/256.b676d2c8.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[256],{593:function(n,t,a){"use strict";a.r(t);var e=a(3),r=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"radar-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radar-chart"}},[n._v("#")]),n._v(" Radar Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: 0,\n max: 100\n });\n}\n\nconst data = {\n labels: [['Eating', 'Dinner'], ['Drinking', 'Water'], 'Sleeping', ['Designing', 'Graphics'], 'Coding', 'Cycling', 'Running'],\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction getLineColor(ctx) {\n return Utils.color(ctx.datasetIndex);\n}\n\nfunction alternatePointStyles(ctx) {\n const index = ctx.dataIndex;\n return index % 2 === 0 ? 'circle' : 'rect';\n}\n\nfunction makeHalfAsOpaque(ctx) {\n return Utils.transparentize(getLineColor(ctx));\n}\n\nfunction make20PercentOpaque(ctx) {\n return Utils.transparentize(getLineColor(ctx), 0.8);\n}\n\nfunction adjustRadiusBasedOnData(ctx) {\n const v = ctx.parsed.y;\n return v < 10 ? 5\n : v < 25 ? 7\n : v < 50 ? 9\n : v < 75 ? 11\n : 15;\n}\n\nconst config = {\n type: 'radar',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n line: {\n backgroundColor: make20PercentOpaque,\n borderColor: getLineColor,\n },\n point: {\n backgroundColor: getLineColor,\n hoverBackgroundColor: makeHalfAsOpaque,\n radius: adjustRadiusBasedOnData,\n pointStyle: alternatePointStyles,\n hoverRadius: 15,\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/radar.html"}},[n._v("Radar")])],1)])],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[256],{591:function(n,t,a){"use strict";a.r(t);var e=a(3),r=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"radar-chart"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#radar-chart"}},[n._v("#")]),n._v(" Radar Chart")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nUtils.srand(110);\n\nconst actions = [\n {\n name: 'Randomize',\n handler(chart) {\n chart.data.datasets.forEach(dataset => {\n dataset.data = generateData();\n });\n chart.update();\n }\n },\n];\n// \n\n// \nfunction generateData() {\n return Utils.numbers({\n count: DATA_COUNT,\n min: 0,\n max: 100\n });\n}\n\nconst data = {\n labels: [['Eating', 'Dinner'], ['Drinking', 'Water'], 'Sleeping', ['Designing', 'Graphics'], 'Coding', 'Cycling', 'Running'],\n datasets: [{\n data: generateData()\n }]\n};\n// \n\n// \nfunction getLineColor(ctx) {\n return Utils.color(ctx.datasetIndex);\n}\n\nfunction alternatePointStyles(ctx) {\n const index = ctx.dataIndex;\n return index % 2 === 0 ? 'circle' : 'rect';\n}\n\nfunction makeHalfAsOpaque(ctx) {\n return Utils.transparentize(getLineColor(ctx));\n}\n\nfunction make20PercentOpaque(ctx) {\n return Utils.transparentize(getLineColor(ctx), 0.8);\n}\n\nfunction adjustRadiusBasedOnData(ctx) {\n const v = ctx.parsed.y;\n return v < 10 ? 5\n : v < 25 ? 7\n : v < 50 ? 9\n : v < 75 ? 11\n : 15;\n}\n\nconst config = {\n type: 'radar',\n data: data,\n options: {\n plugins: {\n legend: false,\n tooltip: false,\n },\n elements: {\n line: {\n backgroundColor: make20PercentOpaque,\n borderColor: getLineColor,\n },\n point: {\n backgroundColor: getLineColor,\n hoverBackgroundColor: makeHalfAsOpaque,\n radius: adjustRadiusBasedOnData,\n pointStyle: alternatePointStyles,\n hoverRadius: 15,\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions,\n config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html"}},[n._v("Options")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/options.html#scriptable-options"}},[n._v("Scriptable Options")])],1)])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/radar.html"}},[n._v("Radar")])],1)])],1)}),[],!1,null,null,null);t.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/257.1b27994a.js b/docs/master/assets/js/257.30e258c3.js similarity index 96% rename from docs/master/assets/js/257.1b27994a.js rename to docs/master/assets/js/257.30e258c3.js index 5df8fc193a..ba76fa7aa6 100644 --- a/docs/master/assets/js/257.1b27994a.js +++ b/docs/master/assets/js/257.30e258c3.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[257],{595:function(t,n,s){"use strict";s.r(n);var a=s(3),e=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[t._v("#")]),t._v(" Basic")]),t._v(" "),n("p",[t._v("This sample shows basic usage of subtitle.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart Title',\n },\n subtitle: {\n display: true,\n text: 'Chart Subtitle',\n color: 'blue',\n font: {\n size: 12,\n family: 'tahoma',\n weight: 'normal',\n style: 'italic'\n },\n padding: {\n bottom: 10\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/title.html"}},[t._v("Title")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/subtitle.html"}},[t._v("Subtitle")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[257],{592:function(t,n,s){"use strict";s.r(n);var a=s(3),e=Object(a.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"basic"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#basic"}},[t._v("#")]),t._v(" Basic")]),t._v(" "),n("p",[t._v("This sample shows basic usage of subtitle.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart Title',\n },\n subtitle: {\n display: true,\n text: 'Chart Subtitle',\n color: 'blue',\n font: {\n size: 12,\n family: 'tahoma',\n weight: 'normal',\n style: 'italic'\n },\n padding: {\n bottom: 10\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/title.html"}},[t._v("Title")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/subtitle.html"}},[t._v("Subtitle")])],1)])],1)}),[],!1,null,null,null);n.default=e.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/258.0d7bdc8f.js b/docs/master/assets/js/258.6acb31c1.js similarity index 97% rename from docs/master/assets/js/258.0d7bdc8f.js rename to docs/master/assets/js/258.6acb31c1.js index 22a1a83659..1332197fca 100644 --- a/docs/master/assets/js/258.0d7bdc8f.js +++ b/docs/master/assets/js/258.6acb31c1.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[258],{594:function(n,t,a){"use strict";a.r(t);var e=a(3),l=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"alignment"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#alignment"}},[n._v("#")]),n._v(" Alignment")]),n._v(" "),t("p",[n._v("This sample show how to configure the alignment of the chart title")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Title Alignment: start',\n handler(chart) {\n chart.options.plugins.title.align = 'start';\n chart.update();\n }\n },\n {\n name: 'Title Alignment: center (default)',\n handler(chart) {\n chart.options.plugins.title.align = 'center';\n chart.update();\n }\n },\n {\n name: 'Title Alignment: end',\n handler(chart) {\n chart.options.plugins.title.align = 'end';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart Title',\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/title.html"}},[n._v("Title")])],1)])],1)}),[],!1,null,null,null);t.default=l.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[258],{595:function(n,t,a){"use strict";a.r(t);var e=a(3),l=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"alignment"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#alignment"}},[n._v("#")]),n._v(" Alignment")]),n._v(" "),t("p",[n._v("This sample show how to configure the alignment of the chart title")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Title Alignment: start',\n handler(chart) {\n chart.options.plugins.title.align = 'start';\n chart.update();\n }\n },\n {\n name: 'Title Alignment: center (default)',\n handler(chart) {\n chart.options.plugins.title.align = 'center';\n chart.update();\n }\n },\n {\n name: 'Title Alignment: end',\n handler(chart) {\n chart.options.plugins.title.align = 'end';\n chart.update();\n }\n },\n];\n// \n\n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n plugins: {\n title: {\n display: true,\n text: 'Chart Title',\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/title.html"}},[n._v("Title")])],1)])],1)}),[],!1,null,null,null);t.default=l.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/259.0cb2f8ab.js b/docs/master/assets/js/259.ea3f8782.js similarity index 97% rename from docs/master/assets/js/259.0cb2f8ab.js rename to docs/master/assets/js/259.ea3f8782.js index 4d49a8b082..35dbc62d7b 100644 --- a/docs/master/assets/js/259.0cb2f8ab.js +++ b/docs/master/assets/js/259.ea3f8782.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[259],{596:function(t,n,o){"use strict";o.r(n);var l=o(3),s=Object(l.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"custom-tooltip-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#custom-tooltip-content"}},[t._v("#")]),t._v(" Custom Tooltip Content")]),t._v(" "),n("p",[t._v("This sample shows how to use the tooltip callbacks to add additional content to the tooltip.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst footer = (tooltipItems) => {\n let sum = 0;\n\n tooltipItems.forEach(function(tooltipItem) {\n sum += tooltipItem.parsed.y;\n });\n return 'Sum: ' + sum;\n};\n\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100, decimals: 0};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n intersect: false,\n mode: 'index',\n },\n plugins: {\n tooltip: {\n callbacks: {\n footer: footer,\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html#tooltip-callbacks"}},[t._v("Tooltip Callbacks")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[259],{594:function(t,n,o){"use strict";o.r(n);var l=o(3),s=Object(l.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"custom-tooltip-content"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#custom-tooltip-content"}},[t._v("#")]),t._v(" Custom Tooltip Content")]),t._v(" "),n("p",[t._v("This sample shows how to use the tooltip callbacks to add additional content to the tooltip.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst footer = (tooltipItems) => {\n let sum = 0;\n\n tooltipItems.forEach(function(tooltipItem) {\n sum += tooltipItem.parsed.y;\n });\n return 'Sum: ' + sum;\n};\n\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100, decimals: 0};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n intersect: false,\n mode: 'index',\n },\n plugins: {\n tooltip: {\n callbacks: {\n footer: footer,\n }\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: [],\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html#tooltip-callbacks"}},[t._v("Tooltip Callbacks")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/26.bbeca752.js b/docs/master/assets/js/26.73b7395b.js similarity index 91% rename from docs/master/assets/js/26.bbeca752.js rename to docs/master/assets/js/26.73b7395b.js index 9b566416bb..f9d546cd80 100644 --- a/docs/master/assets/js/26.bbeca752.js +++ b/docs/master/assets/js/26.73b7395b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{360:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-activedatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-activedatapoint"}},[t._v("#")]),t._v(" Interface: ActiveDataPoint")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("ActiveDataPoint")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:476"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L477",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:477"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{357:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-activedatapoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-activedatapoint"}},[t._v("#")]),t._v(" Interface: ActiveDataPoint")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[e("code",[t._v("ActiveDataPoint")])])]),t._v(" "),e("p",[t._v("↳ "),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveElement.html"}},[e("code",[t._v("ActiveElement")])])],1)])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:476"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L477",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:477"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/261.1ff316ff.js b/docs/master/assets/js/261.739776e6.js similarity index 98% rename from docs/master/assets/js/261.1ff316ff.js rename to docs/master/assets/js/261.739776e6.js index 7e749f0c3d..3491ba258f 100644 --- a/docs/master/assets/js/261.1ff316ff.js +++ b/docs/master/assets/js/261.739776e6.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[261],{597:function(n,t,a){"use strict";a.r(t);var e=a(3),o=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"interaction-modes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interaction-modes"}},[n._v("#")]),n._v(" Interaction Modes")]),n._v(" "),t("p",[n._v("This sample shows how to use the tooltip position mode setting.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Mode: index',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'index';\n chart.update();\n }\n },\n {\n name: 'Mode: dataset',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'dataset';\n chart.update();\n }\n },\n {\n name: 'Mode: point',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'point';\n chart.update();\n }\n },\n {\n name: 'Mode: nearest, axis: xy',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Mode: nearest, axis: x',\n handler(chart) {\n chart.options.interaction.axis = 'x';\n chart.options.interaction.mode = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Mode: nearest, axis: y',\n handler(chart) {\n chart.options.interaction.axis = 'y';\n chart.options.interaction.mode = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Mode: x',\n handler(chart) {\n chart.options.interaction.mode = 'x';\n chart.update();\n }\n },\n {\n name: 'Mode: y',\n handler(chart) {\n chart.options.interaction.mode = 'y';\n chart.update();\n }\n },\n {\n name: 'Toggle Intersect',\n handler(chart) {\n chart.options.interaction.intersect = !chart.options.interaction.intersect;\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n intersect: false,\n mode: 'index',\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => {\n const {axis = 'xy', intersect, mode} = ctx.chart.options.interaction;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n }\n },\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[n._v("Tooltip")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/interactions.html"}},[n._v("Interactions")])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[261],{593:function(n,t,a){"use strict";a.r(t);var e=a(3),o=Object(e.a)({},(function(){var n=this,t=n._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":n.$parent.slotKey}},[t("h1",{attrs:{id:"interaction-modes"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interaction-modes"}},[n._v("#")]),n._v(" Interaction Modes")]),n._v(" "),t("p",[n._v("This sample shows how to use the tooltip position mode setting.")]),n._v(" "),t("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Mode: index',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'index';\n chart.update();\n }\n },\n {\n name: 'Mode: dataset',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'dataset';\n chart.update();\n }\n },\n {\n name: 'Mode: point',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'point';\n chart.update();\n }\n },\n {\n name: 'Mode: nearest, axis: xy',\n handler(chart) {\n chart.options.interaction.axis = 'xy';\n chart.options.interaction.mode = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Mode: nearest, axis: x',\n handler(chart) {\n chart.options.interaction.axis = 'x';\n chart.options.interaction.mode = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Mode: nearest, axis: y',\n handler(chart) {\n chart.options.interaction.axis = 'y';\n chart.options.interaction.mode = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Mode: x',\n handler(chart) {\n chart.options.interaction.mode = 'x';\n chart.update();\n }\n },\n {\n name: 'Mode: y',\n handler(chart) {\n chart.options.interaction.mode = 'y';\n chart.update();\n }\n },\n {\n name: 'Toggle Intersect',\n handler(chart) {\n chart.options.interaction.intersect = !chart.options.interaction.intersect;\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n intersect: false,\n mode: 'index',\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => {\n const {axis = 'xy', intersect, mode} = ctx.chart.options.interaction;\n return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;\n }\n },\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),t("h2",{attrs:{id:"docs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[n._v("#")]),n._v(" Docs")]),n._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/general/data-structures.html"}},[n._v("Data structures ("),t("code",[n._v("labels")]),n._v(")")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/charts/line.html"}},[n._v("Line")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[n._v("Tooltip")])],1),n._v(" "),t("li",[t("RouterLink",{attrs:{to:"/configuration/interactions.html"}},[n._v("Interactions")])],1)])],1)}),[],!1,null,null,null);t.default=o.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/262.28451428.js b/docs/master/assets/js/262.a2438ecf.js similarity index 97% rename from docs/master/assets/js/262.28451428.js rename to docs/master/assets/js/262.a2438ecf.js index 21daf91ee0..f3fffb7b73 100644 --- a/docs/master/assets/js/262.28451428.js +++ b/docs/master/assets/js/262.a2438ecf.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[262],{600:function(t,n,o){"use strict";o.r(n);var e=o(3),l=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"point-style"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),n("p",[t._v("This sample shows how to use the dataset point style in the tooltip instead of a rectangle to identify each dataset.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Toggle Tooltip Point Style',\n handler(chart) {\n chart.options.plugins.tooltip.usePointStyle = !chart.options.plugins.tooltip.usePointStyle;\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Triangles',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n pointStyle: 'triangle',\n pointRadius: 6,\n },\n {\n label: 'Circles',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n pointStyle: 'circle',\n pointRadius: 6,\n },\n {\n label: 'Stars',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.green,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n pointStyle: 'star',\n pointRadius: 6,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n mode: 'index',\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => 'Tooltip point style: ' + ctx.chart.options.plugins.tooltip.usePointStyle,\n },\n tooltip: {\n usePointStyle: true,\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("usePointStyle")])])])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html"}},[t._v("Elements")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("Point Styles")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=l.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[262],{597:function(t,n,o){"use strict";o.r(n);var e=o(3),l=Object(e.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"point-style"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#point-style"}},[t._v("#")]),t._v(" Point Style")]),t._v(" "),n("p",[t._v("This sample shows how to use the dataset point style in the tooltip instead of a rectangle to identify each dataset.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Toggle Tooltip Point Style',\n handler(chart) {\n chart.options.plugins.tooltip.usePointStyle = !chart.options.plugins.tooltip.usePointStyle;\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Triangles',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n pointStyle: 'triangle',\n pointRadius: 6,\n },\n {\n label: 'Circles',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n pointStyle: 'circle',\n pointRadius: 6,\n },\n {\n label: 'Stars',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.green,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.green, 0.5),\n pointStyle: 'star',\n pointRadius: 6,\n }\n ]\n};\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n mode: 'index',\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => 'Tooltip point style: ' + ctx.chart.options.plugins.tooltip.usePointStyle,\n },\n tooltip: {\n usePointStyle: true,\n }\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")]),t._v(" "),n("ul",[n("li",[n("code",[t._v("usePointStyle")])])])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html"}},[t._v("Elements")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/elements.html#point-styles"}},[t._v("Point Styles")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=l.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/263.935295bb.js b/docs/master/assets/js/263.35c6bade.js similarity index 98% rename from docs/master/assets/js/263.935295bb.js rename to docs/master/assets/js/263.35c6bade.js index c557b8aa2c..078042f098 100644 --- a/docs/master/assets/js/263.935295bb.js +++ b/docs/master/assets/js/263.35c6bade.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[263],{599:function(t,n,o){"use strict";o.r(n);var i=o(3),s=Object(i.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"position"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),n("p",[t._v("This sample shows how to use the tooltip position mode setting.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Position: average',\n handler(chart) {\n chart.options.plugins.tooltip.position = 'average';\n chart.update();\n }\n },\n {\n name: 'Position: nearest',\n handler(chart) {\n chart.options.plugins.tooltip.position = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Position: bottom (custom)',\n handler(chart) {\n chart.options.plugins.tooltip.position = 'bottom';\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n ]\n};\n// \n\n// \n// Create a custom tooltip positioner to put at the bottom of the chart area\ncomponents.Tooltip.positioners.bottom = function(items) {\n const pos = components.Tooltip.positioners.average(items);\n\n // Happens when nothing is found\n if (pos === false) {\n return false;\n }\n\n const chart = this.chart;\n\n return {\n x: pos.x,\n y: chart.chartArea.bottom,\n xAlign: 'center',\n yAlign: 'bottom',\n };\n};\n\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n intersect: false,\n mode: 'index',\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => 'Tooltip position mode: ' + ctx.chart.options.plugins.tooltip.position,\n },\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html#position-modes"}},[t._v("Position Modes")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html#custom-position-modes"}},[t._v("Custom Position Modes")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[263],{596:function(t,n,o){"use strict";o.r(n);var i=o(3),s=Object(i.a)({},(function(){var t=this,n=t._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[n("h1",{attrs:{id:"position"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#position"}},[t._v("#")]),t._v(" Position")]),t._v(" "),n("p",[t._v("This sample shows how to use the tooltip position mode setting.")]),t._v(" "),n("chart-editor",{attrs:{code:"// \nconst actions = [\n {\n name: 'Position: average',\n handler(chart) {\n chart.options.plugins.tooltip.position = 'average';\n chart.update();\n }\n },\n {\n name: 'Position: nearest',\n handler(chart) {\n chart.options.plugins.tooltip.position = 'nearest';\n chart.update();\n }\n },\n {\n name: 'Position: bottom (custom)',\n handler(chart) {\n chart.options.plugins.tooltip.position = 'bottom';\n chart.update();\n }\n },\n];\n// \n\n// \nconst DATA_COUNT = 7;\nconst NUMBER_CFG = {count: DATA_COUNT, min: -100, max: 100};\nconst data = {\n labels: Utils.months({count: DATA_COUNT}),\n datasets: [\n {\n label: 'Dataset 1',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.red,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5),\n },\n {\n label: 'Dataset 2',\n data: Utils.numbers(NUMBER_CFG),\n fill: false,\n borderColor: Utils.CHART_COLORS.blue,\n backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5),\n },\n ]\n};\n// \n\n// \n// Create a custom tooltip positioner to put at the bottom of the chart area\ncomponents.Tooltip.positioners.bottom = function(items) {\n const pos = components.Tooltip.positioners.average(items);\n\n // Happens when nothing is found\n if (pos === false) {\n return false;\n }\n\n const chart = this.chart;\n\n return {\n x: pos.x,\n y: chart.chartArea.bottom,\n xAlign: 'center',\n yAlign: 'bottom',\n };\n};\n\n// \n\n// \nconst config = {\n type: 'line',\n data: data,\n options: {\n interaction: {\n intersect: false,\n mode: 'index',\n },\n plugins: {\n title: {\n display: true,\n text: (ctx) => 'Tooltip position mode: ' + ctx.chart.options.plugins.tooltip.position,\n },\n }\n }\n};\n// \n\nmodule.exports = {\n actions: actions,\n config: config,\n};\n"}}),n("h2",{attrs:{id:"docs"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#docs"}},[t._v("#")]),t._v(" Docs")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/general/data-structures.html"}},[t._v("Data structures ("),n("code",[t._v("labels")]),t._v(")")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/charts/line.html"}},[t._v("Line")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html"}},[t._v("Tooltip")]),t._v(" "),n("ul",[n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html#position-modes"}},[t._v("Position Modes")])],1),t._v(" "),n("li",[n("RouterLink",{attrs:{to:"/configuration/tooltip.html#custom-position-modes"}},[t._v("Custom Position Modes")])],1)])],1)])],1)}),[],!1,null,null,null);n.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/264.43244756.js b/docs/master/assets/js/264.aab5fb55.js similarity index 99% rename from docs/master/assets/js/264.43244756.js rename to docs/master/assets/js/264.aab5fb55.js index 4b358f8cb5..39cfe15cb5 100644 --- a/docs/master/assets/js/264.43244756.js +++ b/docs/master/assets/js/264.aab5fb55.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[264],{601:function(t,s,a){"use strict";a.r(s);var n=a(3),r=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"utils"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#utils"}},[t._v("#")]),t._v(" Utils")]),t._v(" "),s("h2",{attrs:{id:"disclaimer"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#disclaimer"}},[t._v("#")]),t._v(" Disclaimer")]),t._v(" "),s("p",[t._v("The Utils file contains multiple helper functions that the chart.js sample pages use to generate charts.\nThese functions are subject to change, including but not limited to breaking changes without prior notice.")]),t._v(" "),s("p",[t._v("Because of this please don't rely on this file in production environments.")]),t._v(" "),s("h2",{attrs:{id:"functions"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#functions"}},[t._v("#")]),t._v(" Functions")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" colorLib "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'@kurkle/color'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'luxon'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-adapter-luxon'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("valueOrDefault"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'../../dist/helpers.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" _seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Date"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("now")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("srand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("seed")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n _seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" seed"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n _seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("_seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("9301")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("49297")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("233280")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("_seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("233280")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("numbers")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" cfg "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" config "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" from "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("from"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" decimals "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("decimals"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" continuity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("continuity"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" decimals"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("from"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" continuity"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("round")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" dfactor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("points")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" xs "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("numbers")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" ys "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("numbers")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" xs"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" i")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" ys"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("bubbles")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("points")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("pt")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n pt"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("r "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("rmin"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("rmax"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" pt"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("labels")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" cfg "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" config "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" step "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" decimals "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("decimals "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" decimals"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" prefix "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("prefix "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" values "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" step"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("prefix "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("round")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" dfactor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MONTHS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'July'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'August'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'September'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'October'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'November'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'December'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("months")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" cfg "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" config "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" section "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("section"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" values "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MONTHS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("ceil")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("substring")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" section"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("COLORS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#4dc9f6'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#f67019'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#f53794'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#537bc4'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#acc236'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#166a8f'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#00a950'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#58595b'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#8549ba'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("color")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("transparentize")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" opacity")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" alpha "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" opacity"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("colorLib")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alpha")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("alpha"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rgbString")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("red")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 99, 132)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("orange")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 159, 64)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yellow")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 205, 86)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("green")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(75, 192, 192)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("blue")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(54, 162, 235)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("purple")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(153, 102, 255)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("grey")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(201, 203, 207)'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NAMED_COLORS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("red"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("orange"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("yellow"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("green"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("blue"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("purple"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("grey"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("namedColor")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NAMED_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NAMED_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("newDate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("days")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("now")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("plus")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("days"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toJSDate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("newDateString")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("days")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("now")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("plus")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("days"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toISO")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("parseISODate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("str")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("fromISO")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("str"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[s("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/docs/scripts/utils.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("File on github"),s("OutboundLink")],1)]),t._v(" "),s("h2",{attrs:{id:"components"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#components"}},[t._v("#")]),t._v(" Components")]),t._v(" "),s("p",[t._v("Some of the samples make reference to a "),s("code",[t._v("components")]),t._v(" object. This is an artifact of using a module bundler to build the samples. The creation of that components object is shown below. If chart.js is included as a browser script, these items are accessible via the "),s("code",[t._v("Chart")]),t._v(" object, i.e "),s("code",[t._v("Chart.Tooltip")]),t._v(".")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Add Chart components needed in samples here.")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Usable through `components[name]`.")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("Tooltip"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'../../dist/chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[s("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/docs/scripts/components.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("File on github"),s("OutboundLink")],1)])])}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[264],{599:function(t,s,a){"use strict";a.r(s);var n=a(3),r=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"utils"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#utils"}},[t._v("#")]),t._v(" Utils")]),t._v(" "),s("h2",{attrs:{id:"disclaimer"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#disclaimer"}},[t._v("#")]),t._v(" Disclaimer")]),t._v(" "),s("p",[t._v("The Utils file contains multiple helper functions that the chart.js sample pages use to generate charts.\nThese functions are subject to change, including but not limited to breaking changes without prior notice.")]),t._v(" "),s("p",[t._v("Because of this please don't rely on this file in production environments.")]),t._v(" "),s("h2",{attrs:{id:"functions"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#functions"}},[t._v("#")]),t._v(" Functions")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" colorLib "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'@kurkle/color'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'luxon'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'chartjs-adapter-luxon'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("valueOrDefault"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'../../dist/helpers.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" _seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Date"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("now")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("srand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("seed")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n _seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" seed"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n _seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("_seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("9301")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("49297")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("233280")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("_seed "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("233280")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("numbers")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" cfg "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" config "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" from "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("from"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" decimals "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("decimals"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" continuity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("valueOrDefault")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("continuity"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" decimals"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("from"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<=")]),t._v(" continuity"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("round")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" dfactor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("null")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("points")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" xs "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("numbers")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" ys "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("numbers")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" xs"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" i")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("x"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("y")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" ys"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("bubbles")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("points")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("map")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("pt")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n pt"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("r "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rand")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("rmin"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" config"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("rmax"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" pt"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("labels")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" cfg "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" config "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("min "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" step "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("max "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" decimals "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("decimals "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("8")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("pow")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("10")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" decimals"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" prefix "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("prefix "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("''")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" values "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" min"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" max"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+=")]),t._v(" step"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("prefix "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("round")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dfactor "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("*")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v(" dfactor"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MONTHS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'January'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'February'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'March'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'April'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'May'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'June'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'July'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'August'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'September'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'October'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'November'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'December'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("months")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("config")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" cfg "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" config "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("count "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("||")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" section "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" cfg"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("section"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" values "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("for")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" i "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v(" count"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("++")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n value "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("MONTHS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("Math"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("ceil")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("i"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("12")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("push")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("substring")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" section"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" values"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("COLORS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#4dc9f6'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#f67019'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#f53794'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#537bc4'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#acc236'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#166a8f'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#00a950'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#58595b'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'#8549ba'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("color")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("transparentize")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" opacity")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("var")]),t._v(" alpha "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" opacity "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("undefined")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("0.5")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("1")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v(" opacity"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("colorLib")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("alpha")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("alpha"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("rgbString")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("red")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 99, 132)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("orange")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 159, 64)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("yellow")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(255, 205, 86)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("green")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(75, 192, 192)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("blue")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(54, 162, 235)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("purple")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(153, 102, 255)'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("grey")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'rgb(201, 203, 207)'")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NAMED_COLORS")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("red"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("orange"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("yellow"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("green"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("blue"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("purple"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("CHART_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("grey"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("namedColor")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("index")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NAMED_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("index "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("%")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NAMED_COLORS")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("length"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("newDate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("days")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("now")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("plus")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("days"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toJSDate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("newDateString")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("days")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("now")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("plus")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("days"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("toISO")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("parseISODate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("str")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" DateTime"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("fromISO")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("str"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[s("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/docs/scripts/utils.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("File on github"),s("OutboundLink")],1)]),t._v(" "),s("h2",{attrs:{id:"components"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#components"}},[t._v("#")]),t._v(" Components")]),t._v(" "),s("p",[t._v("Some of the samples make reference to a "),s("code",[t._v("components")]),t._v(" object. This is an artifact of using a module bundler to build the samples. The creation of that components object is shown below. If chart.js is included as a browser script, these items are accessible via the "),s("code",[t._v("Chart")]),t._v(" object, i.e "),s("code",[t._v("Chart.Tooltip")]),t._v(".")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Add Chart components needed in samples here.")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// Usable through `components[name]`.")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("Tooltip"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'../../dist/chart.js'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])])]),s("p",[s("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/master/docs/scripts/components.js",target:"_blank",rel:"noopener noreferrer"}},[t._v("File on github"),s("OutboundLink")],1)])])}),[],!1,null,null,null);s.default=r.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/27.f6c015e3.js b/docs/master/assets/js/27.7aadf428.js similarity index 94% rename from docs/master/assets/js/27.f6c015e3.js rename to docs/master/assets/js/27.7aadf428.js index a92eb16f03..07d60a4c8a 100644 --- a/docs/master/assets/js/27.f6c015e3.js +++ b/docs/master/assets/js/27.7aadf428.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{359:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-activeelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-activeelement"}},[t._v("#")]),t._v(" Interface: ActiveElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[e("code",[t._v("ActiveDataPoint")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ActiveElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[t._v("ActiveDataPoint")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html#datasetindex"}},[t._v("datasetIndex")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:476"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" element")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L481",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:481"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[t._v("ActiveDataPoint")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html#index"}},[t._v("index")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L477",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:477"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{359:function(t,e,a){"use strict";a.r(e);var r=a(3),i=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-activeelement"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-activeelement"}},[t._v("#")]),t._v(" Interface: ActiveElement")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[e("code",[t._v("ActiveDataPoint")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("ActiveElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"datasetindex"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#datasetindex"}},[t._v("#")]),t._v(" datasetIndex")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("datasetIndex")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[t._v("ActiveDataPoint")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html#datasetindex"}},[t._v("datasetIndex")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:476"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"element"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#element"}},[t._v("#")]),t._v(" element")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("element")]),t._v(": "),e("code",[t._v("default")]),t._v("<"),e("code",[t._v("AnyObject")]),t._v(", "),e("code",[t._v("AnyObject")]),t._v(">")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L481",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:481"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"index"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#index"}},[t._v("#")]),t._v(" index")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("index")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html"}},[t._v("ActiveDataPoint")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ActiveDataPoint.html#index"}},[t._v("index")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L477",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:477"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=i.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/28.46325535.js b/docs/master/assets/js/28.939b2d4e.js similarity index 87% rename from docs/master/assets/js/28.46325535.js rename to docs/master/assets/js/28.939b2d4e.js index a2654ebe2e..c6da1fc163 100644 --- a/docs/master/assets/js/28.46325535.js +++ b/docs/master/assets/js/28.939b2d4e.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{361:function(t,e,r){"use strict";r.r(e);var a=r(3),n=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-animationevent"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-animationevent"}},[t._v("#")]),t._v(" Interface: AnimationEvent")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"currentstep"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#currentstep"}},[t._v("#")]),t._v(" currentStep")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("currentStep")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"initial"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#initial"}},[t._v("#")]),t._v(" initial")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("initial")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L16",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:16"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"numsteps"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#numsteps"}},[t._v("#")]),t._v(" numSteps")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("numSteps")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/animation.d.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:15"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{360:function(t,e,a){"use strict";a.r(e);var r=a(3),n=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-animationevent"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-animationevent"}},[t._v("#")]),t._v(" Interface: AnimationEvent")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"chart"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#chart"}},[t._v("#")]),t._v(" chart")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("chart")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"currentstep"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#currentstep"}},[t._v("#")]),t._v(" currentStep")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("currentStep")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:17"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"initial"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#initial"}},[t._v("#")]),t._v(" initial")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("initial")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L16",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:16"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"numsteps"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#numsteps"}},[t._v("#")]),t._v(" numSteps")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("numSteps")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/animation.d.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/animation.d.ts:15"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/29.925169d8.js b/docs/master/assets/js/29.442c221d.js similarity index 89% rename from docs/master/assets/js/29.925169d8.js rename to docs/master/assets/js/29.442c221d.js index 80464833fb..cf9d582268 100644 --- a/docs/master/assets/js/29.925169d8.js +++ b/docs/master/assets/js/29.442c221d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{362:function(t,r,e){"use strict";e.r(r);var a=e(3),n=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arcborderradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arcborderradius"}},[t._v("#")]),t._v(" Interface: ArcBorderRadius")]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"innerend"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#innerend"}},[t._v("#")]),t._v(" innerEnd")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("innerEnd")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1836",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1836"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"innerstart"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#innerstart"}},[t._v("#")]),t._v(" innerStart")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("innerStart")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1835",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1835"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"outerend"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#outerend"}},[t._v("#")]),t._v(" outerEnd")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("outerEnd")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1834",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1834"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"outerstart"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#outerstart"}},[t._v("#")]),t._v(" outerStart")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("outerStart")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1833",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1833"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=n.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{361:function(t,r,e){"use strict";e.r(r);var a=e(3),n=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-arcborderradius"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-arcborderradius"}},[t._v("#")]),t._v(" Interface: ArcBorderRadius")]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"innerend"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#innerend"}},[t._v("#")]),t._v(" innerEnd")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("innerEnd")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1836",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1836"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"innerstart"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#innerstart"}},[t._v("#")]),t._v(" innerStart")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("innerStart")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1835",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1835"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"outerend"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#outerend"}},[t._v("#")]),t._v(" outerEnd")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("outerEnd")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1834",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1834"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"outerstart"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#outerstart"}},[t._v("#")]),t._v(" outerStart")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("outerStart")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1833",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1833"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=n.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/30.c2d48172.js b/docs/master/assets/js/30.4c41e07d.js similarity index 92% rename from docs/master/assets/js/30.c2d48172.js rename to docs/master/assets/js/30.4c41e07d.js index f72c79374f..07a4f50775 100644 --- a/docs/master/assets/js/30.c2d48172.js +++ b/docs/master/assets/js/30.4c41e07d.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{363:function(r,e,t){"use strict";t.r(e);var o=t(3),a=Object(o.a)({},(function(){var r=this,e=r._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("h1",{attrs:{id:"interface-archoveroptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-archoveroptions"}},[r._v("#")]),r._v(" Interface: ArcHoverOptions")]),r._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[r._v("#")]),r._v(" Hierarchy")]),r._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[e("code",[r._v("CommonHoverOptions")])])],1),r._v(" "),e("p",[r._v("↳ "),e("strong",[e("code",[r._v("ArcHoverOptions")])])])])]),r._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),e("h3",{attrs:{id:"hoverbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[r._v("#")]),r._v(" hoverBackgroundColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBackgroundColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbackgroundcolor"}},[r._v("hoverBackgroundColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1823"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[r._v("#")]),r._v(" hoverBorderColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbordercolor"}},[r._v("hoverBorderColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1822"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverborderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdash"}},[r._v("#")]),r._v(" hoverBorderDash")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderDash")]),r._v(": "),e("code",[r._v("number")]),r._v("[]")]),r._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1883",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1883"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverborderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdashoffset"}},[r._v("#")]),r._v(" hoverBorderDashOffset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderDashOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1884",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1884"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[r._v("#")]),r._v(" hoverBorderWidth")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderWidth")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverborderwidth"}},[r._v("hoverBorderWidth")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1821"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoveroffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoveroffset"}},[r._v("#")]),r._v(" hoverOffset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1885",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1885"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{362:function(r,e,t){"use strict";t.r(e);var o=t(3),a=Object(o.a)({},(function(){var r=this,e=r._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("h1",{attrs:{id:"interface-archoveroptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-archoveroptions"}},[r._v("#")]),r._v(" Interface: ArcHoverOptions")]),r._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[r._v("#")]),r._v(" Hierarchy")]),r._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[e("code",[r._v("CommonHoverOptions")])])],1),r._v(" "),e("p",[r._v("↳ "),e("strong",[e("code",[r._v("ArcHoverOptions")])])])])]),r._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),e("h3",{attrs:{id:"hoverbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[r._v("#")]),r._v(" hoverBackgroundColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBackgroundColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbackgroundcolor"}},[r._v("hoverBackgroundColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1823"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[r._v("#")]),r._v(" hoverBorderColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbordercolor"}},[r._v("hoverBorderColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1822"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverborderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdash"}},[r._v("#")]),r._v(" hoverBorderDash")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderDash")]),r._v(": "),e("code",[r._v("number")]),r._v("[]")]),r._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1883",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1883"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverborderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderdashoffset"}},[r._v("#")]),r._v(" hoverBorderDashOffset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderDashOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1884",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1884"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoverborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[r._v("#")]),r._v(" hoverBorderWidth")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverBorderWidth")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverborderwidth"}},[r._v("hoverBorderWidth")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1821"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"hoveroffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoveroffset"}},[r._v("#")]),r._v(" hoverOffset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("hoverOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1885",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1885"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=a.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/31.63746115.js b/docs/master/assets/js/31.f195f5cb.js similarity index 91% rename from docs/master/assets/js/31.63746115.js rename to docs/master/assets/js/31.f195f5cb.js index e94a24bb10..c336fb29de 100644 --- a/docs/master/assets/js/31.63746115.js +++ b/docs/master/assets/js/31.f195f5cb.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{364:function(r,e,t){"use strict";t.r(e);var a=t(3),s=Object(a.a)({},(function(){var r=this,e=r._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("h1",{attrs:{id:"interface-arcoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-arcoptions"}},[r._v("#")]),r._v(" Interface: ArcOptions")]),r._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[r._v("#")]),r._v(" Hierarchy")]),r._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[e("code",[r._v("CommonElementOptions")])])],1),r._v(" "),e("p",[r._v("↳ "),e("strong",[e("code",[r._v("ArcOptions")])])])])]),r._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[r._v("#")]),r._v(" backgroundColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("backgroundColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[r._v("CommonElementOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html#backgroundcolor"}},[r._v("backgroundColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1817"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderalign"}},[r._v("#")]),r._v(" borderAlign")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderAlign")]),r._v(": "),e("code",[r._v('"center"')]),r._v(" | "),e("code",[r._v('"inner"')])]),r._v(" "),e("p",[r._v("Arc stroke alignment.")]),r._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1843",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1843"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[r._v("#")]),r._v(" borderColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[r._v("CommonElementOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html#bordercolor"}},[r._v("borderColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1816"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[r._v("#")]),r._v(" borderDash")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderDash")]),r._v(": "),e("code",[r._v("number")]),r._v("[]")]),r._v(" "),e("p",[r._v("Line dash. See MDN.")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("[]")]),r._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1848",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1848"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[r._v("#")]),r._v(" borderDashOffset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderDashOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Line dash offset. See MDN.")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("0.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1853",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1853"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderjoinstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[r._v("#")]),r._v(" borderJoinStyle")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderJoinStyle")]),r._v(": "),e("code",[r._v("CanvasLineJoin")])]),r._v(" "),e("p",[r._v("Line join style. See MDN. Default is 'round' when "),e("code",[r._v("borderAlign")]),r._v(" is 'inner', else 'bevel'.")]),r._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1857",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1857"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[r._v("#")]),r._v(" borderRadius")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderRadius")]),r._v(": "),e("code",[r._v("number")]),r._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcBorderRadius.html"}},[e("code",[r._v("ArcBorderRadius")])])],1),r._v(" "),e("p",[r._v("Sets the border radius for arcs")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1863",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1863"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[r._v("#")]),r._v(" borderWidth")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderWidth")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[r._v("CommonElementOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html#borderwidth"}},[r._v("borderWidth")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1815",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1815"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"circular"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circular"}},[r._v("#")]),r._v(" circular")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("circular")]),r._v(": "),e("code",[r._v("boolean")])]),r._v(" "),e("p",[r._v("If false, Arc will be flat.")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("true")]),r._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1874",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1874"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"offset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offset"}},[r._v("#")]),r._v(" offset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("offset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Arc offset (in pixels).")]),r._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1868",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1868"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"spacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#spacing"}},[r._v("#")]),r._v(" spacing")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("spacing")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Spacing between arcs")]),r._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1879",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1879"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{364:function(r,e,t){"use strict";t.r(e);var a=t(3),s=Object(a.a)({},(function(){var r=this,e=r._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("h1",{attrs:{id:"interface-arcoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-arcoptions"}},[r._v("#")]),r._v(" Interface: ArcOptions")]),r._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[r._v("#")]),r._v(" Hierarchy")]),r._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[e("code",[r._v("CommonElementOptions")])])],1),r._v(" "),e("p",[r._v("↳ "),e("strong",[e("code",[r._v("ArcOptions")])])])])]),r._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[r._v("#")]),r._v(" backgroundColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("backgroundColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[r._v("CommonElementOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html#backgroundcolor"}},[r._v("backgroundColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1817"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderalign"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderalign"}},[r._v("#")]),r._v(" borderAlign")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderAlign")]),r._v(": "),e("code",[r._v('"center"')]),r._v(" | "),e("code",[r._v('"inner"')])]),r._v(" "),e("p",[r._v("Arc stroke alignment.")]),r._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1843",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1843"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[r._v("#")]),r._v(" borderColor")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderColor")]),r._v(": "),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[r._v("Color")])])],1),r._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[r._v("CommonElementOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html#bordercolor"}},[r._v("borderColor")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1816"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdash"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdash"}},[r._v("#")]),r._v(" borderDash")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderDash")]),r._v(": "),e("code",[r._v("number")]),r._v("[]")]),r._v(" "),e("p",[r._v("Line dash. See MDN.")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("[]")]),r._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1848",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1848"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderdashoffset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderdashoffset"}},[r._v("#")]),r._v(" borderDashOffset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderDashOffset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Line dash offset. See MDN.")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("0.0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1853",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1853"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderjoinstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderjoinstyle"}},[r._v("#")]),r._v(" borderJoinStyle")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderJoinStyle")]),r._v(": "),e("code",[r._v("CanvasLineJoin")])]),r._v(" "),e("p",[r._v("Line join style. See MDN. Default is 'round' when "),e("code",[r._v("borderAlign")]),r._v(" is 'inner', else 'bevel'.")]),r._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1857",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1857"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[r._v("#")]),r._v(" borderRadius")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderRadius")]),r._v(": "),e("code",[r._v("number")]),r._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ArcBorderRadius.html"}},[e("code",[r._v("ArcBorderRadius")])])],1),r._v(" "),e("p",[r._v("Sets the border radius for arcs")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("0")]),r._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1863",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1863"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[r._v("#")]),r._v(" borderWidth")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("borderWidth")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[r._v("CommonElementOptions")]),r._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html#borderwidth"}},[r._v("borderWidth")])],1),r._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1815",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1815"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"circular"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#circular"}},[r._v("#")]),r._v(" circular")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("circular")]),r._v(": "),e("code",[r._v("boolean")])]),r._v(" "),e("p",[r._v("If false, Arc will be flat.")]),r._v(" "),e("p",[e("strong",[e("code",[r._v("Default")])])]),r._v(" "),e("p",[r._v("true")]),r._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1874",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1874"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"offset"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#offset"}},[r._v("#")]),r._v(" offset")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("offset")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Arc offset (in pixels).")]),r._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1868",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1868"),e("OutboundLink")],1)]),r._v(" "),e("hr"),r._v(" "),e("h3",{attrs:{id:"spacing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#spacing"}},[r._v("#")]),r._v(" spacing")]),r._v(" "),e("p",[r._v("• "),e("strong",[r._v("spacing")]),r._v(": "),e("code",[r._v("number")])]),r._v(" "),e("p",[r._v("Spacing between arcs")]),r._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1879",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1879"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/32.19c30cfa.js b/docs/master/assets/js/32.9fe9dc78.js similarity index 89% rename from docs/master/assets/js/32.19c30cfa.js rename to docs/master/assets/js/32.9fe9dc78.js index 5480124f2f..1f3b923395 100644 --- a/docs/master/assets/js/32.19c30cfa.js +++ b/docs/master/assets/js/32.9fe9dc78.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{365:function(e,t,r){"use strict";r.r(t);var a=r(3),s=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"interface-arcprops"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interface-arcprops"}},[e._v("#")]),e._v(" Interface: ArcProps")]),e._v(" "),t("h2",{attrs:{id:"hierarchy"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[e._v("#")]),e._v(" Hierarchy")]),e._v(" "),t("ul",[t("li",[t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t("code",[e._v("Point")])])],1),e._v(" "),t("p",[e._v("↳ "),t("strong",[t("code",[e._v("ArcProps")])])])])]),e._v(" "),t("h2",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),t("h3",{attrs:{id:"circumference"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#circumference"}},[e._v("#")]),e._v(" circumference")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("circumference")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L260",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:260"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"endangle"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#endangle"}},[e._v("#")]),e._v(" endAngle")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("endAngle")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L257",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:257"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"innerradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#innerradius"}},[e._v("#")]),e._v(" innerRadius")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("innerRadius")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L258",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:258"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"outerradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#outerradius"}},[e._v("#")]),e._v(" outerRadius")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("outerRadius")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L259",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:259"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"startangle"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#startangle"}},[e._v("#")]),e._v(" startAngle")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("startAngle")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/elements/element.arc.ts#L256",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:256"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"x"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[e._v("#")]),e._v(" x")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("x")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"inherited-from"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e._v("Point")]),e._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/Point.html#x"}},[e._v("x")])],1),e._v(" "),t("h4",{attrs:{id:"defined-in-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/geometric.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/geometric.d.ts:11"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"y"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[e._v("#")]),e._v(" y")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("y")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"inherited-from-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e._v("Point")]),e._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/Point.html#y"}},[e._v("y")])],1),e._v(" "),t("h4",{attrs:{id:"defined-in-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/geometric.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/geometric.d.ts:12"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[32],{363:function(e,t,r){"use strict";r.r(t);var a=r(3),s=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"interface-arcprops"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interface-arcprops"}},[e._v("#")]),e._v(" Interface: ArcProps")]),e._v(" "),t("h2",{attrs:{id:"hierarchy"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[e._v("#")]),e._v(" Hierarchy")]),e._v(" "),t("ul",[t("li",[t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t("code",[e._v("Point")])])],1),e._v(" "),t("p",[e._v("↳ "),t("strong",[t("code",[e._v("ArcProps")])])])])]),e._v(" "),t("h2",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),t("h3",{attrs:{id:"circumference"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#circumference"}},[e._v("#")]),e._v(" circumference")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("circumference")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L260",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:260"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"endangle"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#endangle"}},[e._v("#")]),e._v(" endAngle")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("endAngle")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L257",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:257"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"innerradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#innerradius"}},[e._v("#")]),e._v(" innerRadius")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("innerRadius")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L258",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:258"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"outerradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#outerradius"}},[e._v("#")]),e._v(" outerRadius")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("outerRadius")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L259",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:259"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"startangle"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#startangle"}},[e._v("#")]),e._v(" startAngle")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("startAngle")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"defined-in-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/elements/element.arc.ts#L256",target:"_blank",rel:"noopener noreferrer"}},[e._v("elements/element.arc.ts:256"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"x"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[e._v("#")]),e._v(" x")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("x")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"inherited-from"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e._v("Point")]),e._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/Point.html#x"}},[e._v("x")])],1),e._v(" "),t("h4",{attrs:{id:"defined-in-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/geometric.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/geometric.d.ts:11"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"y"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[e._v("#")]),e._v(" y")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("y")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("h4",{attrs:{id:"inherited-from-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e._v("Point")]),e._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/Point.html#y"}},[e._v("y")])],1),e._v(" "),t("h4",{attrs:{id:"defined-in-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/geometric.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/geometric.d.ts:12"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/33.40bd3bda.js b/docs/master/assets/js/33.81954248.js similarity index 89% rename from docs/master/assets/js/33.40bd3bda.js rename to docs/master/assets/js/33.81954248.js index 6771ccc886..814d13d400 100644 --- a/docs/master/assets/js/33.40bd3bda.js +++ b/docs/master/assets/js/33.81954248.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{366:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-backdropoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-backdropoptions"}},[t._v("#")]),t._v(" Interface: BackdropOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Color of label backdrops.")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1486",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1486"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of backdrop in pixels")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1481",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1481"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left position of backdrop as pixel")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1466",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1466"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top position of backdrop as pixel")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1471",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1471"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of backdrop in pixels")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1476"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{365:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-backdropoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-backdropoptions"}},[t._v("#")]),t._v(" Interface: BackdropOptions")]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"color"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#color"}},[t._v("#")]),t._v(" color")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("color")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptable"}},[e("code",[t._v("Scriptable")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableScaleContext.html"}},[e("code",[t._v("ScriptableScaleContext")])]),t._v(">")],1),t._v(" "),e("p",[t._v("Color of label backdrops.")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1486",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1486"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"height"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("height")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Height of backdrop in pixels")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1481",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1481"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"left"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#left"}},[t._v("#")]),t._v(" left")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("left")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Left position of backdrop as pixel")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1466",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1466"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"top"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#top"}},[t._v("#")]),t._v(" top")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("top")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Top position of backdrop as pixel")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1471",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1471"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"width"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("width")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Width of backdrop in pixels")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1476",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1476"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/34.930cf5a6.js b/docs/master/assets/js/34.098ccb53.js similarity index 90% rename from docs/master/assets/js/34.930cf5a6.js rename to docs/master/assets/js/34.098ccb53.js index 8de1e53e3c..68476fba14 100644 --- a/docs/master/assets/js/34.930cf5a6.js +++ b/docs/master/assets/js/34.098ccb53.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{367:function(t,r,e){"use strict";e.r(r);var a=e(3),s=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-barcontrollerchartoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-barcontrollerchartoptions"}},[t._v("#")]),t._v(" Interface: BarControllerChartOptions")]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"skipnull"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#skipnull"}},[t._v("#")]),t._v(" skipNull")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("skipNull")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("Should null or undefined values be omitted from drawing")]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L153",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:153"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{366:function(t,r,e){"use strict";e.r(r);var a=e(3),s=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-barcontrollerchartoptions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-barcontrollerchartoptions"}},[t._v("#")]),t._v(" Interface: BarControllerChartOptions")]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"skipnull"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#skipnull"}},[t._v("#")]),t._v(" skipNull")]),t._v(" "),r("p",[t._v("• "),r("code",[t._v("Optional")]),t._v(" "),r("strong",[t._v("skipNull")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("p",[t._v("Should null or undefined values be omitted from drawing")]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L153",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:153"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/35.6278b9e9.js b/docs/master/assets/js/35.85574e87.js similarity index 94% rename from docs/master/assets/js/35.6278b9e9.js rename to docs/master/assets/js/35.85574e87.js index b03c1572cb..bb2ee70970 100644 --- a/docs/master/assets/js/35.6278b9e9.js +++ b/docs/master/assets/js/35.85574e87.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{368:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-barcontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-barcontrollerdatasetoptions"}},[t._v("#")]),t._v(" Interface: BarControllerDatasetOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[e("code",[t._v("ControllerDatasetOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[e("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[e("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[e("code",[t._v("CommonHoverOptions")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#animationoptions"}},[e("code",[t._v("AnimationOptions")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BarControllerDatasetOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animation")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v("> & { "),e("code",[t._v("onComplete?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" ; "),e("code",[t._v("onProgress?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("AnimationOptions.animation")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1757"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animations")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("AnimationOptions.animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.backgroundColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barpercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barpercentage"}},[t._v("#")]),t._v(" barPercentage")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("barPercentage")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.9")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:114"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barthickness"}},[t._v("#")]),t._v(" barThickness")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("barThickness")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"flex"')])]),t._v(" "),e("p",[t._v("Manually set width of each bar in pixels. If set to 'flex', it computes \"optimal\" sample widths that globally arrange bars side by side. If not set (default), bars are equally sized based on the smallest interval.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"base"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#base"}},[t._v("#")]),t._v(" base")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("base")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("The base value for the bar in data units along the value axis.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.base")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2090",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2090"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1816"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[t._v("BorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Border radius")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderRadius")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2102",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2102"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderskipped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderskipped"}},[t._v("#")]),t._v(" borderSkipped")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderSkipped")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v('"end"')]),t._v(" | "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"bottom"')]),t._v(" | "),e("code",[t._v('"right"')]),t._v(" | "),e("code",[t._v('"middle"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'start'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderSkipped")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2096",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2096"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | { "),e("code",[t._v("bottom?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("left?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("right?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("top?")]),t._v(": "),e("code",[t._v("number")]),t._v(" }, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Width of the border, number for all sides, object to specify width for each side specifically")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderWidth")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2115",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2115"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categorypercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categorypercentage"}},[t._v("#")]),t._v(" categoryPercentage")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("categoryPercentage")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each category should be within the sample width.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.8")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:119"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("clip")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("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: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#clip"}},[t._v("clip")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:75"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"grouped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grouped"}},[t._v("#")]),t._v(" grouped")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("grouped")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Should the bars be grouped on index axis")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hidden"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hidden"}},[t._v("#")]),t._v(" hidden")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hidden")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#hidden"}},[t._v("hidden")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[t._v("#")]),t._v(" hoverBackgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBackgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.hoverBackgroundColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1823"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[t._v("#")]),t._v(" hoverBorderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.hoverBorderColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1822"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[t._v("#")]),t._v(" hoverBorderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.hoverBorderWidth")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1821"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"indexaxis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#indexaxis"}},[t._v("#")]),t._v(" indexAxis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("indexAxis")]),t._v(": "),e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])]),t._v(" "),e("p",[t._v("The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'x'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#indexaxis"}},[t._v("indexAxis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:71"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inflateamount"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inflateamount"}},[t._v("#")]),t._v(" inflateAmount")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("inflateAmount")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Amount to inflate the rectangle(s). This can be used to hide artifacts between bars.\nUnit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'auto'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.inflateAmount")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2109",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2109"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The label for the dataset which appears in the legend and tooltips.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#label"}},[t._v("label")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:79"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxbarthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxbarthickness"}},[t._v("#")]),t._v(" maxBarThickness")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxBarThickness")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Set this to ensure that bars are not sized thicker than this.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"minbarlength"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#minbarlength"}},[t._v("#")]),t._v(" minBarLength")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("minBarLength")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Set this to ensure that bars have a minimum length in pixels.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L134",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:134"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"normalized"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#normalized"}},[t._v("#")]),t._v(" normalized")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("normalized")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#normalized"}},[t._v("normalized")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:63"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"order"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#order"}},[t._v("#")]),t._v(" order")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("order")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#order"}},[t._v("order")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" parsing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsing")]),t._v(": "),e("code",[t._v("false")]),t._v(" | { "),e("code",[t._v("[key: string]")]),t._v(": "),e("code",[t._v("string")]),t._v("; }")]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#parsing"}},[t._v("parsing")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("p",[t._v("Point style for the legend")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'circle;")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L140",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:140"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stack"}},[t._v("#")]),t._v(" stack")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("stack")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#stack"}},[t._v("stack")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("transitions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[e("code",[t._v("TransitionsSpec")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("AnimationOptions.transitions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1768",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1768"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xaxisid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xaxisid"}},[t._v("#")]),t._v(" xAxisID")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xAxisID")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the x axis to plot this dataset on.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:104"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yaxisid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yaxisid"}},[t._v("#")]),t._v(" yAxisID")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yAxisID")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the y axis to plot this dataset on.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L108",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:108"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{368:function(t,e,r){"use strict";r.r(e);var a=r(3),s=Object(a.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-barcontrollerdatasetoptions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-barcontrollerdatasetoptions"}},[t._v("#")]),t._v(" Interface: BarControllerDatasetOptions")]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[e("code",[t._v("ControllerDatasetOptions")])])],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[e("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#scriptableandarrayoptions"}},[e("code",[t._v("ScriptableAndArrayOptions")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[e("code",[t._v("CommonHoverOptions")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1)]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/#animationoptions"}},[e("code",[t._v("AnimationOptions")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">")],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BarControllerDatasetOptions")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animation"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animation"}},[t._v("#")]),t._v(" animation")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animation")]),t._v(": "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/#animationspec"}},[e("code",[t._v("AnimationSpec")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v("> & { "),e("code",[t._v("onComplete?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" ; "),e("code",[t._v("onProgress?")]),t._v(": ("),e("code",[t._v("this")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/classes/Chart.html"}},[e("code",[t._v("Chart")])]),t._v(", "),e("code",[t._v("event")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/interfaces/AnimationEvent.html"}},[e("code",[t._v("AnimationEvent")])]),t._v(") => "),e("code",[t._v("void")]),t._v(" }")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("AnimationOptions.animation")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1757",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1757"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("animations")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#animationsspec"}},[e("code",[t._v("AnimationsSpec")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("AnimationOptions.animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1767",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1767"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"backgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[t._v("#")]),t._v(" backgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("backgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.backgroundColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1817"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barpercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barpercentage"}},[t._v("#")]),t._v(" barPercentage")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("barPercentage")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each bar should be within the category width. 1.0 will take the whole category width and put the bars right next to each other.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.9")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L114",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:114"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"barthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#barthickness"}},[t._v("#")]),t._v(" barThickness")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("barThickness")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"flex"')])]),t._v(" "),e("p",[t._v("Manually set width of each bar in pixels. If set to 'flex', it computes \"optimal\" sample widths that globally arrange bars side by side. If not set (default), bars are equally sized based on the smallest interval.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L124",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:124"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"base"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#base"}},[t._v("#")]),t._v(" base")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("base")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("The base value for the bar in data units along the value axis.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.base")]),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2090",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2090"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"bordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[t._v("#")]),t._v(" borderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1816"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderradius"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[t._v("#")]),t._v(" borderRadius")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderRadius")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[e("code",[t._v("BorderRadius")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Border radius")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderRadius")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2102",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2102"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderskipped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderskipped"}},[t._v("#")]),t._v(" borderSkipped")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderSkipped")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("boolean")]),t._v(" | "),e("code",[t._v('"end"')]),t._v(" | "),e("code",[t._v('"start"')]),t._v(" | "),e("code",[t._v('"left"')]),t._v(" | "),e("code",[t._v('"top"')]),t._v(" | "),e("code",[t._v('"bottom"')]),t._v(" | "),e("code",[t._v('"right"')]),t._v(" | "),e("code",[t._v('"middle"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'start'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderSkipped")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2096",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2096"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"borderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[t._v("#")]),t._v(" borderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("borderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | { "),e("code",[t._v("bottom?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("left?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("right?")]),t._v(": "),e("code",[t._v("number")]),t._v(" ; "),e("code",[t._v("top?")]),t._v(": "),e("code",[t._v("number")]),t._v(" }, "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Width of the border, number for all sides, object to specify width for each side specifically")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.borderWidth")]),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2115",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2115"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"categorypercentage"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#categorypercentage"}},[t._v("#")]),t._v(" categoryPercentage")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("categoryPercentage")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Percent (0-1) of the available width each category should be within the sample width.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("0.8")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L119",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:119"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"clip"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#clip"}},[t._v("#")]),t._v(" clip")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("clip")]),t._v(": "),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v("false")]),t._v(" | "),e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1),t._v(" "),e("p",[t._v("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: "),e("code",[t._v("clip: {left: 5, top: false, right: -2, bottom: 0}")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#clip"}},[t._v("clip")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L75",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:75"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"grouped"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#grouped"}},[t._v("#")]),t._v(" grouped")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("grouped")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Should the bars be grouped on index axis")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("true")]),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L146",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:146"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hidden"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hidden"}},[t._v("#")]),t._v(" hidden")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hidden")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("Configures the visibility state of the dataset. Set it to true, to hide the dataset from the chart.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("false")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#hidden"}},[t._v("hidden")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:93"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbackgroundcolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[t._v("#")]),t._v(" hoverBackgroundColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBackgroundColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.hoverBackgroundColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1823"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverbordercolor"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[t._v("#")]),t._v(" hoverBorderColor")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderColor")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("RouterLink",{attrs:{to:"/api/#color"}},[e("code",[t._v("Color")])]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.hoverBorderColor")]),t._v(" "),e("h4",{attrs:{id:"defined-in-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-16"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1822"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hoverborderwidth"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[t._v("#")]),t._v(" hoverBorderWidth")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("hoverBorderWidth")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.hoverBorderWidth")]),t._v(" "),e("h4",{attrs:{id:"defined-in-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-17"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1821"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"indexaxis"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#indexaxis"}},[t._v("#")]),t._v(" indexAxis")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("indexAxis")]),t._v(": "),e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])]),t._v(" "),e("p",[t._v("The base axis of the chart. 'x' for vertical charts and 'y' for horizontal charts.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'x'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#indexaxis"}},[t._v("indexAxis")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-18"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L71",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:71"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inflateamount"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inflateamount"}},[t._v("#")]),t._v(" inflateAmount")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("inflateAmount")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#scriptableandarray"}},[e("code",[t._v("ScriptableAndArray")])]),t._v("<"),e("code",[t._v("number")]),t._v(" | "),e("code",[t._v('"auto"')]),t._v(", "),e("RouterLink",{attrs:{to:"/api/interfaces/ScriptableContext.html"}},[e("code",[t._v("ScriptableContext")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">>")],1),t._v(" "),e("p",[t._v("Amount to inflate the rectangle(s). This can be used to hide artifacts between bars.\nUnit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'auto'")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("ScriptableAndArrayOptions.inflateAmount")]),t._v(" "),e("h4",{attrs:{id:"defined-in-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-19"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2109",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2109"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"label"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#label"}},[t._v("#")]),t._v(" label")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("label")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The label for the dataset which appears in the legend and tooltips.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-16"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-16"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#label"}},[t._v("label")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-20"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L79",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:79"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"maxbarthickness"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#maxbarthickness"}},[t._v("#")]),t._v(" maxBarThickness")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("maxBarThickness")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Set this to ensure that bars are not sized thicker than this.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-21"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L129",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:129"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"minbarlength"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#minbarlength"}},[t._v("#")]),t._v(" minBarLength")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("minBarLength")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("Set this to ensure that bars have a minimum length in pixels.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-22"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-22"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L134",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:134"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"normalized"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#normalized"}},[t._v("#")]),t._v(" normalized")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("normalized")]),t._v(": "),e("code",[t._v("boolean")])]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-17"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-17"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#normalized"}},[t._v("normalized")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-23"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-23"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L63",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:63"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"order"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#order"}},[t._v("#")]),t._v(" order")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("order")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("p",[t._v("The drawing order of dataset. Also affects order for stacking, tooltip and legend.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-18"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-18"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#order"}},[t._v("order")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-24"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-24"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L83",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:83"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"parsing"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parsing"}},[t._v("#")]),t._v(" parsing")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("parsing")]),t._v(": "),e("code",[t._v("false")]),t._v(" | { "),e("code",[t._v("[key: string]")]),t._v(": "),e("code",[t._v("string")]),t._v("; }")]),t._v(" "),e("p",[t._v("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.")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-19"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-19"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#parsing"}},[t._v("parsing")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-25"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-25"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L54",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:54"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"pointstyle"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#pointstyle"}},[t._v("#")]),t._v(" pointStyle")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("pointStyle")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#pointstyle"}},[e("code",[t._v("PointStyle")])])],1),t._v(" "),e("p",[t._v("Point style for the legend")]),t._v(" "),e("p",[e("strong",[e("code",[t._v("Default")])])]),t._v(" "),e("p",[t._v("'circle;")]),t._v(" "),e("h4",{attrs:{id:"defined-in-26"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-26"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L140",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:140"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"stack"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#stack"}},[t._v("#")]),t._v(" stack")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("stack")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the group to which this dataset belongs to (when stacked, each group will be a separate stack).")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-20"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-20"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html"}},[t._v("ControllerDatasetOptions")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/ControllerDatasetOptions.html#stack"}},[t._v("stack")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-27"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-27"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:88"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"transitions"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#transitions"}},[t._v("#")]),t._v(" transitions")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("transitions")]),t._v(": "),e("RouterLink",{attrs:{to:"/api/#transitionsspec"}},[e("code",[t._v("TransitionsSpec")])]),t._v("<"),e("code",[t._v('"bar"')]),t._v(">")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-21"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-21"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("AnimationOptions.transitions")]),t._v(" "),e("h4",{attrs:{id:"defined-in-28"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-28"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1768",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1768"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"xaxisid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#xaxisid"}},[t._v("#")]),t._v(" xAxisID")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("xAxisID")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the x axis to plot this dataset on.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-29"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-29"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L104",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:104"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"yaxisid"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#yaxisid"}},[t._v("#")]),t._v(" yAxisID")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("yAxisID")]),t._v(": "),e("code",[t._v("string")])]),t._v(" "),e("p",[t._v("The ID of the y axis to plot this dataset on.")]),t._v(" "),e("h4",{attrs:{id:"defined-in-30"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-30"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L108",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:108"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/36.82556957.js b/docs/master/assets/js/36.56b8da27.js similarity index 96% rename from docs/master/assets/js/36.82556957.js rename to docs/master/assets/js/36.56b8da27.js index c684aafdfc..b875afe378 100644 --- a/docs/master/assets/js/36.82556957.js +++ b/docs/master/assets/js/36.56b8da27.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{369:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-barelement-t-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-barelement-t-o"}},[t._v("#")]),t._v(" Interface: BarElement")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[e("code",[t._v("BarProps")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[e("code",[t._v("BarProps")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("O")]),t._v(">")])]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[e("code",[t._v("VisualElement")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BarElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v(", "),e("code",[t._v("area?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("area?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1806",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1806"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#getcenterpoint"}},[t._v("getCenterPoint")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1810",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1810"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("code",[t._v("T")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getrange"}},[t._v("#")]),t._v(" getRange")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getRange")]),t._v("("),e("code",[t._v("axis")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("axis")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#getrange"}},[t._v("getRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1811",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1811"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#inrange"}},[t._v("inRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1807",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1807"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inxrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inxrange"}},[t._v("#")]),t._v(" inXRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inXRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#inxrange"}},[t._v("inXRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1808",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1808"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inyrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inyrange"}},[t._v("#")]),t._v(" inYRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inYRange")]),t._v("("),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#inyrange"}},[t._v("inYRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1809",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1809"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{367:function(t,e,a){"use strict";a.r(e);var r=a(3),s=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"interface-barelement-t-o"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#interface-barelement-t-o"}},[t._v("#")]),t._v(" Interface: BarElement")]),t._v(" "),e("h2",{attrs:{id:"type-parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("T")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[e("code",[t._v("BarProps")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/BarProps.html"}},[e("code",[t._v("BarProps")])])],1)]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("O")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])]),t._v(" = "),e("RouterLink",{attrs:{to:"/api/interfaces/BarOptions.html"}},[e("code",[t._v("BarOptions")])])],1)])])]),t._v(" "),e("h2",{attrs:{id:"hierarchy"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),e("ul",[e("li",[e("p",[e("code",[t._v("default")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("O")]),t._v(">")])]),t._v(" "),e("li",[e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[e("code",[t._v("VisualElement")])])],1),t._v(" "),e("p",[t._v("↳ "),e("strong",[e("code",[t._v("BarElement")])])])])]),t._v(" "),e("h2",{attrs:{id:"properties"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),e("h3",{attrs:{id:"animations"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#animations"}},[t._v("#")]),t._v(" $animations")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("$animations")]),t._v(": "),e("code",[t._v("Record")]),t._v("")],1),t._v(" "),e("h4",{attrs:{id:"inherited-from"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.$animations")]),t._v(" "),e("h4",{attrs:{id:"defined-in"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L15",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:15"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"active"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#active"}},[t._v("#")]),t._v(" active")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("active")]),t._v(": "),e("code",[t._v("boolean")]),t._v(" = "),e("code",[t._v("false")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.active")]),t._v(" "),e("h4",{attrs:{id:"defined-in-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L13",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:13"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"options"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#options"}},[t._v("#")]),t._v(" options")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("options")]),t._v(": "),e("code",[t._v("O")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.options")]),t._v(" "),e("h4",{attrs:{id:"defined-in-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:14"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"x"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("x")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-4"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.x")]),t._v(" "),e("h4",{attrs:{id:"defined-in-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:11"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"y"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),e("p",[t._v("• "),e("strong",[t._v("y")]),t._v(": "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-5"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.y")]),t._v(" "),e("h4",{attrs:{id:"defined-in-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:12"),e("OutboundLink")],1)]),t._v(" "),e("h2",{attrs:{id:"methods"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#methods"}},[t._v("#")]),t._v(" Methods")]),t._v(" "),e("h3",{attrs:{id:"draw"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#draw"}},[t._v("#")]),t._v(" draw")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("draw")]),t._v("("),e("code",[t._v("ctx")]),t._v(", "),e("code",[t._v("area?")]),t._v("): "),e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"parameters"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("ctx")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("CanvasRenderingContext2D")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("area?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("RouterLink",{attrs:{to:"/api/interfaces/ChartArea.html"}},[e("code",[t._v("ChartArea")])])],1)])])]),t._v(" "),e("h4",{attrs:{id:"returns"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("void")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-6"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#draw"}},[t._v("draw")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1806",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1806"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getcenterpoint"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getcenterpoint"}},[t._v("#")]),t._v(" getCenterPoint")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getCenterPoint")]),t._v("("),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-2"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-2"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-7"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#getcenterpoint"}},[t._v("getCenterPoint")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1810",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1810"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getprops"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getprops"}},[t._v("#")]),t._v(" getProps")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("p",[t._v("Gets the current or final value of each prop. Can return extra properties (whole object).")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-2"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends keyof "),e("code",[t._v("T")]),t._v("[]")])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-3"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("properties to get")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("get the final value (animation target)")])])])]),t._v(" "),e("h4",{attrs:{id:"returns-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-3"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Pick")]),t._v("<"),e("code",[t._v("T")]),t._v(", "),e("code",[t._v("P")]),t._v("["),e("code",[t._v("number")]),t._v("]>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-8"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-8"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:31"),e("OutboundLink")],1)]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("getProps")]),t._v("<"),e("code",[t._v("P")]),t._v(">("),e("code",[t._v("props")]),t._v(", "),e("code",[t._v("final?")]),t._v("): "),e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"type-parameters-3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#type-parameters-3"}},[t._v("#")]),t._v(" Type parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[t._v("extends "),e("code",[t._v("string")])])])])]),t._v(" "),e("h4",{attrs:{id:"parameters-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-4"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("props")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("P")]),t._v("[]")])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("final?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-4"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("Partial")]),t._v("<"),e("code",[t._v("Record")]),t._v("<"),e("code",[t._v("P")]),t._v(", "),e("code",[t._v("unknown")]),t._v(">>")]),t._v(" "),e("h4",{attrs:{id:"inherited-from-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-9"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.getProps")]),t._v(" "),e("h4",{attrs:{id:"defined-in-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-9"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:32"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"getrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#getrange"}},[t._v("#")]),t._v(" getRange")]),t._v(" "),e("p",[t._v("▸ "),e("code",[t._v("Optional")]),t._v(" "),e("strong",[t._v("getRange")]),t._v("("),e("code",[t._v("axis")]),t._v("): "),e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"parameters-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-5"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("axis")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v('"x"')]),t._v(" | "),e("code",[t._v('"y"')])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-5"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-5"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("number")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-10"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#getrange"}},[t._v("getRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-10"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1811",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1811"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"hasvalue"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#hasvalue"}},[t._v("#")]),t._v(" hasValue")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("hasValue")]),t._v("(): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"returns-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-6"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-11"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.hasValue")]),t._v(" "),e("h4",{attrs:{id:"defined-in-11"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-11"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:22"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inrange"}},[t._v("#")]),t._v(" inRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-6"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-6"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-7"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-12"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#inrange"}},[t._v("inRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-12"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-12"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1807",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1807"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inxrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inxrange"}},[t._v("#")]),t._v(" inXRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inXRange")]),t._v("("),e("code",[t._v("mouseX")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-7"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-7"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseX")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-8"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-13"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#inxrange"}},[t._v("inXRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-13"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-13"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1808",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1808"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"inyrange"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inyrange"}},[t._v("#")]),t._v(" inYRange")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("inYRange")]),t._v("("),e("code",[t._v("mouseY")]),t._v(", "),e("code",[t._v("useFinalPosition?")]),t._v("): "),e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"parameters-8"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-8"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("mouseY")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("number")])])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition?")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-9"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("code",[t._v("boolean")])]),t._v(" "),e("h4",{attrs:{id:"inherited-from-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-14"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html"}},[t._v("VisualElement")]),t._v("."),e("RouterLink",{attrs:{to:"/api/interfaces/VisualElement.html#inyrange"}},[t._v("inYRange")])],1),t._v(" "),e("h4",{attrs:{id:"defined-in-14"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-14"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1809",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:1809"),e("OutboundLink")],1)]),t._v(" "),e("hr"),t._v(" "),e("h3",{attrs:{id:"tooltipposition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tooltipposition"}},[t._v("#")]),t._v(" tooltipPosition")]),t._v(" "),e("p",[t._v("▸ "),e("strong",[t._v("tooltipPosition")]),t._v("("),e("code",[t._v("useFinalPosition")]),t._v("): "),e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"parameters-9"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#parameters-9"}},[t._v("#")]),t._v(" Parameters")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[t._v("Name")]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[t._v("Type")])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("useFinalPosition")])]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("code",[t._v("boolean")])])])])]),t._v(" "),e("h4",{attrs:{id:"returns-10"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#returns-10"}},[t._v("#")]),t._v(" Returns")]),t._v(" "),e("p",[e("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[e("code",[t._v("Point")])])],1),t._v(" "),e("h4",{attrs:{id:"inherited-from-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-15"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),e("p",[t._v("Element.tooltipPosition")]),t._v(" "),e("h4",{attrs:{id:"defined-in-15"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-15"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/core/core.element.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("core/core.element.ts:17"),e("OutboundLink")],1)])])}),[],!1,null,null,null);e.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/37.de0079d8.js b/docs/master/assets/js/37.436dca60.js similarity index 94% rename from docs/master/assets/js/37.de0079d8.js rename to docs/master/assets/js/37.436dca60.js index ce81d5d841..77ae6b866e 100644 --- a/docs/master/assets/js/37.de0079d8.js +++ b/docs/master/assets/js/37.436dca60.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{370:function(r,t,e){"use strict";e.r(t);var o=e(3),a=Object(o.a)({},(function(){var r=this,t=r._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[t("h1",{attrs:{id:"interface-barhoveroptions"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interface-barhoveroptions"}},[r._v("#")]),r._v(" Interface: BarHoverOptions")]),r._v(" "),t("h2",{attrs:{id:"hierarchy"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[r._v("#")]),r._v(" Hierarchy")]),r._v(" "),t("ul",[t("li",[t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[t("code",[r._v("CommonHoverOptions")])])],1),r._v(" "),t("p",[r._v("↳ "),t("strong",[t("code",[r._v("BarHoverOptions")])])])])]),r._v(" "),t("h2",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),t("h3",{attrs:{id:"hoverbackgroundcolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[r._v("#")]),r._v(" hoverBackgroundColor")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBackgroundColor")]),r._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[r._v("Color")])])],1),r._v(" "),t("h4",{attrs:{id:"inherited-from"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbackgroundcolor"}},[r._v("hoverBackgroundColor")])],1),r._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1823"),t("OutboundLink")],1)]),r._v(" "),t("hr"),r._v(" "),t("h3",{attrs:{id:"hoverbordercolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[r._v("#")]),r._v(" hoverBorderColor")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBorderColor")]),r._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[r._v("Color")])])],1),r._v(" "),t("h4",{attrs:{id:"inherited-from-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbordercolor"}},[r._v("hoverBorderColor")])],1),r._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1822"),t("OutboundLink")],1)]),r._v(" "),t("hr"),r._v(" "),t("h3",{attrs:{id:"hoverborderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderradius"}},[r._v("#")]),r._v(" hoverBorderRadius")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBorderRadius")]),r._v(": "),t("code",[r._v("number")]),r._v(" | "),t("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[t("code",[r._v("BorderRadius")])])],1),r._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2126",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2126"),t("OutboundLink")],1)]),r._v(" "),t("hr"),r._v(" "),t("h3",{attrs:{id:"hoverborderwidth"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[r._v("#")]),r._v(" hoverBorderWidth")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBorderWidth")]),r._v(": "),t("code",[r._v("number")])]),r._v(" "),t("h4",{attrs:{id:"inherited-from-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverborderwidth"}},[r._v("hoverBorderWidth")])],1),r._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1821"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{370:function(r,t,e){"use strict";e.r(t);var o=e(3),a=Object(o.a)({},(function(){var r=this,t=r._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[t("h1",{attrs:{id:"interface-barhoveroptions"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interface-barhoveroptions"}},[r._v("#")]),r._v(" Interface: BarHoverOptions")]),r._v(" "),t("h2",{attrs:{id:"hierarchy"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[r._v("#")]),r._v(" Hierarchy")]),r._v(" "),t("ul",[t("li",[t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[t("code",[r._v("CommonHoverOptions")])])],1),r._v(" "),t("p",[r._v("↳ "),t("strong",[t("code",[r._v("BarHoverOptions")])])])])]),r._v(" "),t("h2",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[r._v("#")]),r._v(" Properties")]),r._v(" "),t("h3",{attrs:{id:"hoverbackgroundcolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverbackgroundcolor"}},[r._v("#")]),r._v(" hoverBackgroundColor")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBackgroundColor")]),r._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[r._v("Color")])])],1),r._v(" "),t("h4",{attrs:{id:"inherited-from"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbackgroundcolor"}},[r._v("hoverBackgroundColor")])],1),r._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1823",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1823"),t("OutboundLink")],1)]),r._v(" "),t("hr"),r._v(" "),t("h3",{attrs:{id:"hoverbordercolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverbordercolor"}},[r._v("#")]),r._v(" hoverBorderColor")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBorderColor")]),r._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[r._v("Color")])])],1),r._v(" "),t("h4",{attrs:{id:"inherited-from-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverbordercolor"}},[r._v("hoverBorderColor")])],1),r._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1822",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1822"),t("OutboundLink")],1)]),r._v(" "),t("hr"),r._v(" "),t("h3",{attrs:{id:"hoverborderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderradius"}},[r._v("#")]),r._v(" hoverBorderRadius")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBorderRadius")]),r._v(": "),t("code",[r._v("number")]),r._v(" | "),t("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[t("code",[r._v("BorderRadius")])])],1),r._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2126",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:2126"),t("OutboundLink")],1)]),r._v(" "),t("hr"),r._v(" "),t("h3",{attrs:{id:"hoverborderwidth"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hoverborderwidth"}},[r._v("#")]),r._v(" hoverBorderWidth")]),r._v(" "),t("p",[r._v("• "),t("strong",[r._v("hoverBorderWidth")]),r._v(": "),t("code",[r._v("number")])]),r._v(" "),t("h4",{attrs:{id:"inherited-from-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-3"}},[r._v("#")]),r._v(" Inherited from")]),r._v(" "),t("p",[t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html"}},[r._v("CommonHoverOptions")]),r._v("."),t("RouterLink",{attrs:{to:"/api/interfaces/CommonHoverOptions.html#hoverborderwidth"}},[r._v("hoverBorderWidth")])],1),r._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[r._v("#")]),r._v(" Defined in")]),r._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1821",target:"_blank",rel:"noopener noreferrer"}},[r._v("types/index.d.ts:1821"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=a.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/38.17e1d327.js b/docs/master/assets/js/38.ac10259b.js similarity index 92% rename from docs/master/assets/js/38.17e1d327.js rename to docs/master/assets/js/38.ac10259b.js index 3dffa0db0a..e21177a59b 100644 --- a/docs/master/assets/js/38.17e1d327.js +++ b/docs/master/assets/js/38.ac10259b.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{371:function(e,t,r){"use strict";r.r(t);var a=r(3),s=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"interface-baroptions"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interface-baroptions"}},[e._v("#")]),e._v(" Interface: BarOptions")]),e._v(" "),t("h2",{attrs:{id:"hierarchy"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[e._v("#")]),e._v(" Hierarchy")]),e._v(" "),t("ul",[t("li",[t("p",[t("code",[e._v("Omit")]),e._v("<"),t("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[t("code",[e._v("CommonElementOptions")])]),e._v(", "),t("code",[e._v('"borderWidth"')]),e._v(">")],1),e._v(" "),t("p",[e._v("↳ "),t("strong",[t("code",[e._v("BarOptions")])])])])]),e._v(" "),t("h2",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),t("h3",{attrs:{id:"backgroundcolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[e._v("#")]),e._v(" backgroundColor")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("backgroundColor")]),e._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("h4",{attrs:{id:"inherited-from"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[e._v("Omit.backgroundColor")]),e._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:1817"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"base"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#base"}},[e._v("#")]),e._v(" base")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("base")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("p",[e._v("The base value for the bar in data units along the value axis.")]),e._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2090",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2090"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"bordercolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[e._v("#")]),e._v(" borderColor")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderColor")]),e._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("h4",{attrs:{id:"inherited-from-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[e._v("Omit.borderColor")]),e._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:1816"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"borderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[e._v("#")]),e._v(" borderRadius")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderRadius")]),e._v(": "),t("code",[e._v("number")]),e._v(" | "),t("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[t("code",[e._v("BorderRadius")])])],1),e._v(" "),t("p",[e._v("Border radius")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("0")]),e._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2102",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2102"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"borderskipped"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderskipped"}},[e._v("#")]),e._v(" borderSkipped")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderSkipped")]),e._v(": "),t("code",[e._v("boolean")]),e._v(" | "),t("code",[e._v('"end"')]),e._v(" | "),t("code",[e._v('"start"')]),e._v(" | "),t("code",[e._v('"left"')]),e._v(" | "),t("code",[e._v('"top"')]),e._v(" | "),t("code",[e._v('"bottom"')]),e._v(" | "),t("code",[e._v('"right"')]),e._v(" | "),t("code",[e._v('"middle"')])]),e._v(" "),t("p",[e._v("Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("'start'")]),e._v(" "),t("h4",{attrs:{id:"defined-in-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2096",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2096"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"borderwidth"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[e._v("#")]),e._v(" borderWidth")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderWidth")]),e._v(": "),t("code",[e._v("number")]),e._v(" | { "),t("code",[e._v("bottom?")]),e._v(": "),t("code",[e._v("number")]),e._v(" ; "),t("code",[e._v("left?")]),e._v(": "),t("code",[e._v("number")]),e._v(" ; "),t("code",[e._v("right?")]),e._v(": "),t("code",[e._v("number")]),e._v(" ; "),t("code",[e._v("top?")]),e._v(": "),t("code",[e._v("number")]),e._v(" }")]),e._v(" "),t("p",[e._v("Width of the border, number for all sides, object to specify width for each side specifically")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("0")]),e._v(" "),t("h4",{attrs:{id:"defined-in-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2115",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2115"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"inflateamount"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inflateamount"}},[e._v("#")]),e._v(" inflateAmount")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("inflateAmount")]),e._v(": "),t("code",[e._v("number")]),e._v(" | "),t("code",[e._v('"auto"')])]),e._v(" "),t("p",[e._v("Amount to inflate the rectangle(s). This can be used to hide artifacts between bars.\nUnit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("'auto'")]),e._v(" "),t("h4",{attrs:{id:"defined-in-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2109",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2109"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{369:function(e,t,r){"use strict";r.r(t);var a=r(3),s=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h1",{attrs:{id:"interface-baroptions"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#interface-baroptions"}},[e._v("#")]),e._v(" Interface: BarOptions")]),e._v(" "),t("h2",{attrs:{id:"hierarchy"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[e._v("#")]),e._v(" Hierarchy")]),e._v(" "),t("ul",[t("li",[t("p",[t("code",[e._v("Omit")]),e._v("<"),t("RouterLink",{attrs:{to:"/api/interfaces/CommonElementOptions.html"}},[t("code",[e._v("CommonElementOptions")])]),e._v(", "),t("code",[e._v('"borderWidth"')]),e._v(">")],1),e._v(" "),t("p",[e._v("↳ "),t("strong",[t("code",[e._v("BarOptions")])])])])]),e._v(" "),t("h2",{attrs:{id:"properties"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[e._v("#")]),e._v(" Properties")]),e._v(" "),t("h3",{attrs:{id:"backgroundcolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#backgroundcolor"}},[e._v("#")]),e._v(" backgroundColor")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("backgroundColor")]),e._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("h4",{attrs:{id:"inherited-from"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[e._v("Omit.backgroundColor")]),e._v(" "),t("h4",{attrs:{id:"defined-in"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1817",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:1817"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"base"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#base"}},[e._v("#")]),e._v(" base")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("base")]),e._v(": "),t("code",[e._v("number")])]),e._v(" "),t("p",[e._v("The base value for the bar in data units along the value axis.")]),e._v(" "),t("h4",{attrs:{id:"defined-in-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2090",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2090"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"bordercolor"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#bordercolor"}},[e._v("#")]),e._v(" borderColor")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderColor")]),e._v(": "),t("RouterLink",{attrs:{to:"/api/#color"}},[t("code",[e._v("Color")])])],1),e._v(" "),t("h4",{attrs:{id:"inherited-from-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[e._v("#")]),e._v(" Inherited from")]),e._v(" "),t("p",[e._v("Omit.borderColor")]),e._v(" "),t("h4",{attrs:{id:"defined-in-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L1816",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:1816"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"borderradius"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderradius"}},[e._v("#")]),e._v(" borderRadius")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderRadius")]),e._v(": "),t("code",[e._v("number")]),e._v(" | "),t("RouterLink",{attrs:{to:"/api/interfaces/BorderRadius.html"}},[t("code",[e._v("BorderRadius")])])],1),e._v(" "),t("p",[e._v("Border radius")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("0")]),e._v(" "),t("h4",{attrs:{id:"defined-in-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2102",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2102"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"borderskipped"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderskipped"}},[e._v("#")]),e._v(" borderSkipped")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderSkipped")]),e._v(": "),t("code",[e._v("boolean")]),e._v(" | "),t("code",[e._v('"end"')]),e._v(" | "),t("code",[e._v('"start"')]),e._v(" | "),t("code",[e._v('"left"')]),e._v(" | "),t("code",[e._v('"top"')]),e._v(" | "),t("code",[e._v('"bottom"')]),e._v(" | "),t("code",[e._v('"right"')]),e._v(" | "),t("code",[e._v('"middle"')])]),e._v(" "),t("p",[e._v("Skipped (excluded) border: 'start', 'end', 'left', 'right', 'bottom', 'top', 'middle', false (none) or true (all).")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("'start'")]),e._v(" "),t("h4",{attrs:{id:"defined-in-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2096",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2096"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"borderwidth"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#borderwidth"}},[e._v("#")]),e._v(" borderWidth")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("borderWidth")]),e._v(": "),t("code",[e._v("number")]),e._v(" | { "),t("code",[e._v("bottom?")]),e._v(": "),t("code",[e._v("number")]),e._v(" ; "),t("code",[e._v("left?")]),e._v(": "),t("code",[e._v("number")]),e._v(" ; "),t("code",[e._v("right?")]),e._v(": "),t("code",[e._v("number")]),e._v(" ; "),t("code",[e._v("top?")]),e._v(": "),t("code",[e._v("number")]),e._v(" }")]),e._v(" "),t("p",[e._v("Width of the border, number for all sides, object to specify width for each side specifically")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("0")]),e._v(" "),t("h4",{attrs:{id:"defined-in-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2115",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2115"),t("OutboundLink")],1)]),e._v(" "),t("hr"),e._v(" "),t("h3",{attrs:{id:"inflateamount"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#inflateamount"}},[e._v("#")]),e._v(" inflateAmount")]),e._v(" "),t("p",[e._v("• "),t("strong",[e._v("inflateAmount")]),e._v(": "),t("code",[e._v("number")]),e._v(" | "),t("code",[e._v('"auto"')])]),e._v(" "),t("p",[e._v("Amount to inflate the rectangle(s). This can be used to hide artifacts between bars.\nUnit is pixels. 'auto' translates to 0.33 pixels when barPercentage * categoryPercentage is 1, else 0.")]),e._v(" "),t("p",[t("strong",[t("code",[e._v("Default")])])]),e._v(" "),t("p",[e._v("'auto'")]),e._v(" "),t("h4",{attrs:{id:"defined-in-7"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-7"}},[e._v("#")]),e._v(" Defined in")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2109",target:"_blank",rel:"noopener noreferrer"}},[e._v("types/index.d.ts:2109"),t("OutboundLink")],1)])])}),[],!1,null,null,null);t.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/39.d8cad316.js b/docs/master/assets/js/39.69f946a2.js similarity index 90% rename from docs/master/assets/js/39.d8cad316.js rename to docs/master/assets/js/39.69f946a2.js index 8b6dcc9a8d..f7a1446bb6 100644 --- a/docs/master/assets/js/39.d8cad316.js +++ b/docs/master/assets/js/39.69f946a2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{372:function(t,r,e){"use strict";e.r(r);var a=e(3),s=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-barprops"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-barprops"}},[t._v("#")]),t._v(" Interface: BarProps")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[r("code",[t._v("Point")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("BarProps")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"base"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#base"}},[t._v("#")]),t._v(" base")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("base")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2080",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2080"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"height"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("height")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2083",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2083"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"horizontal"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#horizontal"}},[t._v("#")]),t._v(" horizontal")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("horizontal")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2081",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2081"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"width"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("width")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/index.d.ts#L2082",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2082"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"x"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("x")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/Point.html#x"}},[t._v("x")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/geometric.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:11"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"y"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("y")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/Point.html#y"}},[t._v("y")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/79773b7/src/types/geometric.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:12"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{373:function(t,r,e){"use strict";e.r(r);var a=e(3),s=Object(a.a)({},(function(){var t=this,r=t._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("h1",{attrs:{id:"interface-barprops"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#interface-barprops"}},[t._v("#")]),t._v(" Interface: BarProps")]),t._v(" "),r("h2",{attrs:{id:"hierarchy"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#hierarchy"}},[t._v("#")]),t._v(" Hierarchy")]),t._v(" "),r("ul",[r("li",[r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[r("code",[t._v("Point")])])],1),t._v(" "),r("p",[t._v("↳ "),r("strong",[r("code",[t._v("BarProps")])])])])]),t._v(" "),r("h2",{attrs:{id:"properties"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#properties"}},[t._v("#")]),t._v(" Properties")]),t._v(" "),r("h3",{attrs:{id:"base"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#base"}},[t._v("#")]),t._v(" base")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("base")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2080",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2080"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"height"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#height"}},[t._v("#")]),t._v(" height")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("height")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-2"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2083",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2083"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"horizontal"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#horizontal"}},[t._v("#")]),t._v(" horizontal")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("horizontal")]),t._v(": "),r("code",[t._v("boolean")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-3"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-3"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2081",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2081"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"width"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#width"}},[t._v("#")]),t._v(" width")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("width")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"defined-in-4"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-4"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/index.d.ts#L2082",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/index.d.ts:2082"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"x"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#x"}},[t._v("#")]),t._v(" x")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("x")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"inherited-from"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/Point.html#x"}},[t._v("x")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-5"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-5"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/geometric.d.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:11"),r("OutboundLink")],1)]),t._v(" "),r("hr"),t._v(" "),r("h3",{attrs:{id:"y"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#y"}},[t._v("#")]),t._v(" y")]),t._v(" "),r("p",[t._v("• "),r("strong",[t._v("y")]),t._v(": "),r("code",[t._v("number")])]),t._v(" "),r("h4",{attrs:{id:"inherited-from-2"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#inherited-from-2"}},[t._v("#")]),t._v(" Inherited from")]),t._v(" "),r("p",[r("RouterLink",{attrs:{to:"/api/interfaces/Point.html"}},[t._v("Point")]),t._v("."),r("RouterLink",{attrs:{to:"/api/interfaces/Point.html#y"}},[t._v("y")])],1),t._v(" "),r("h4",{attrs:{id:"defined-in-6"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#defined-in-6"}},[t._v("#")]),t._v(" Defined in")]),t._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/chartjs/Chart.js/blob/4d034a0/src/types/geometric.d.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/geometric.d.ts:12"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]); \ No newline at end of file diff --git a/docs/master/assets/js/4.3d384da0.js b/docs/master/assets/js/4.59b319d2.js similarity index 99% rename from docs/master/assets/js/4.3d384da0.js rename to docs/master/assets/js/4.59b319d2.js index 324568859d..4873811ebd 100644 --- a/docs/master/assets/js/4.3d384da0.js +++ b/docs/master/assets/js/4.59b319d2.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{285:function(t,s,a){t.exports=a.p+"assets/img/usage-8.edada047.png"},320:function(t,s,a){t.exports=a.p+"assets/img/usage-1.be7a12cd.png"},321:function(t,s,a){t.exports=a.p+"assets/img/usage-2.9f9eb8e8.png"},322:function(t,s,a){t.exports=a.p+"assets/img/usage-3.79b809ec.png"},323:function(t,s,a){t.exports=a.p+"assets/img/usage-4.4b71a56b.png"},324:function(t,s,a){t.exports=a.p+"assets/img/usage-5.1afc4df3.png"},325:function(t,s,a){t.exports=a.p+"assets/img/usage-6.b8ef8212.png"},326:function(t,s,a){t.exports=a.p+"assets/img/usage-7.cbe1e4ed.png"},523:function(t,s,a){"use strict";a.r(s);var n=a(3),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"step-by-step-guide"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#step-by-step-guide"}},[t._v("#")]),t._v(" Step-by-step guide")]),t._v(" "),s("p",[t._v("Follow this guide to get familiar with all major concepts of Chart.js: chart types and elements, datasets, customization, plugins, components, and tree-shaking. Don't hesitate to follow the links in the text.")]),t._v(" "),s("p",[t._v("We'll build a Chart.js data visualization with a couple of charts from scratch:")]),t._v(" "),s("p",[s("img",{attrs:{src:a(285),alt:"result"}})]),t._v(" "),s("h2",{attrs:{id:"build-a-new-application-with-chart-js"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#build-a-new-application-with-chart-js"}},[t._v("#")]),t._v(" Build a new application with Chart.js")]),t._v(" "),s("p",[t._v("In a new folder, create the "),s("code",[t._v("package.json")]),t._v(" file with the following contents:")]),t._v(" "),s("div",{staticClass:"language-json extra-class"},[s("pre",{pre:!0,attrs:{class:"language-json"}},[s("code",[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"name"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"chartjs-example"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"version"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"1.0.0"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"license"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"MIT"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"scripts"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"dev"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"parcel src/index.html"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"build"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"parcel build src/index.html"')]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"devDependencies"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"parcel"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"^2.6.2"')]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"dependencies"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"@cubejs-client/core"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"^0.31.0"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"chart.js"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"^4.0.0"')]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),s("p",[t._v("Modern front-end applications often use JavaScript module bundlers, so we’ve picked "),s("a",{attrs:{href:"https://parceljs.org",target:"_blank",rel:"noopener noreferrer"}},[t._v("Parcel"),s("OutboundLink")],1),t._v(" as a nice zero-configuration build tool. We’re also installing Chart.js v4 and a JavaScript client for "),s("a",{attrs:{href:"https://cube.dev/?ref=eco-chartjs",target:"_blank",rel:"noopener noreferrer"}},[t._v("Cube"),s("OutboundLink")],1),t._v(", an open-source API for data apps we’ll use to fetch real-world data (more on that later).")]),t._v(" "),s("p",[t._v("Run "),s("code",[t._v("npm install")]),t._v(", "),s("code",[t._v("yarn install")]),t._v(", or "),s("code",[t._v("pnpm install")]),t._v(" to install the dependencies, then create the "),s("code",[t._v("src")]),t._v(" folder. Inside that folder, we’ll need a very simple "),s("code",[t._v("index.html")]),t._v(" file:")]),t._v(" "),s("div",{staticClass:"language-html extra-class"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token doctype"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("html")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("en"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("head")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("title")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("Chart.js example"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("body")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v('\x3c!--

--\x3e')]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token special-attr"}},[s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),s("span",{pre:!0,attrs:{class:"token value css language-css"}},[s("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 800px"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("canvas")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("id")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("acquisitions"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n\n "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v('\x3c!-- + (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Common options to all axes

Namespace: options.scales[scaleId]

Name Type Default Description
type string Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.
alignToPixels boolean false Align pixel values to device pixels.
backgroundColor Color Background color of the scale area.
border object Border configuration. more...
display boolean|string true Controls the axis global visibility (visible when true, hidden when false). When display: 'auto', the axis is visible only if at least one associated dataset is visible.
grid object Grid line configuration. more...
min number User defined minimum number for the scale, overrides minimum value from data. more...
max number User defined maximum number for the scale, overrides maximum value from data. more...
reverse boolean false Reverse the scale.
stacked boolean|string false Should the data be stacked. more...
suggestedMax number Adjustment used when calculating the maximum data value. more...
suggestedMin number Adjustment used when calculating the minimum data value. more...
ticks object Tick configuration. more...
weight number 0 The weight used to sort the axis. Higher weights are further away from the chart area.
Last Updated: 12/1/2024, 9:49:55 AM
+ diff --git a/docs/master/axes/_common_ticks.html b/docs/master/axes/_common_ticks.html index 033cbb55e5..f8dd844453 100644 --- a/docs/master/axes/_common_ticks.html +++ b/docs/master/axes/_common_ticks.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Common tick options to all axes

Namespace: options.scales[scaleId].ticks

Name Type Scriptable Default Description
backdropColor Color Yes 'rgba(255, 255, 255, 0.75)' Color of label backdrops.
backdropPadding Padding 2 Padding of label backdrop.
callback function Returns the string representation of the tick value as it should be displayed on the chart. See callback.
display boolean true If true, show tick labels.
color Color Yes Chart.defaults.color Color of ticks.
font Font Yes Chart.defaults.font See Fonts
major object {} Major ticks configuration.
padding number 3 Sets the offset of the tick labels from the axis
showLabelBackdrop boolean Yes true for radial scale, false otherwise If true, draw a background behind the tick labels.
textStrokeColor Color Yes `` The color of the stroke around the text.
textStrokeWidth number Yes 0 Stroke width around the text.
z number 0 z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.
Last Updated: 11/21/2024, 8:47:09 PM
- + (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Common tick options to all axes

Namespace: options.scales[scaleId].ticks

Name Type Scriptable Default Description
backdropColor Color Yes 'rgba(255, 255, 255, 0.75)' Color of label backdrops.
backdropPadding Padding 2 Padding of label backdrop.
callback function Returns the string representation of the tick value as it should be displayed on the chart. See callback.
display boolean true If true, show tick labels.
color Color Yes Chart.defaults.color Color of ticks.
font Font Yes Chart.defaults.font See Fonts
major object {} Major ticks configuration.
padding number 3 Sets the offset of the tick labels from the axis
showLabelBackdrop boolean Yes true for radial scale, false otherwise If true, draw a background behind the tick labels.
textStrokeColor Color Yes `` The color of the stroke around the text.
textStrokeWidth number Yes 0 Stroke width around the text.
z number 0 z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.
Last Updated: 12/1/2024, 9:49:55 AM
+ diff --git a/docs/master/axes/cartesian/_common.html b/docs/master/axes/cartesian/_common.html index 217a15e0e1..b74d8174ab 100644 --- a/docs/master/axes/cartesian/_common.html +++ b/docs/master/axes/cartesian/_common.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Common options to all cartesian axes

Namespace: options.scales[scaleId]

Name Type Default Description
bounds string 'ticks' Determines the scale bounds. more...
clip boolean true If true, clip the dataset drawing against the size of the scale instead of chart area
position string | object Position of the axis. more...
stack string Stack group. Axes at the same position with same stack are stacked.
stackWeight number 1 Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.
axis string Which type of axis this is. Possible values are: 'x', 'y'. If not set, this is inferred from the first character of the ID which should be 'x' or 'y'.
offset boolean false If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to true for a bar chart by default.
title object Scale title configuration. more...
Last Updated: 11/21/2024, 8:47:09 PM
- + (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Common options to all cartesian axes

Namespace: options.scales[scaleId]

Name Type Default Description
bounds string 'ticks' Determines the scale bounds. more...
clip boolean true If true, clip the dataset drawing against the size of the scale instead of chart area
position string | object Position of the axis. more...
stack string Stack group. Axes at the same position with same stack are stacked.
stackWeight number 1 Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.
axis string Which type of axis this is. Possible values are: 'x', 'y'. If not set, this is inferred from the first character of the ID which should be 'x' or 'y'.
offset boolean false If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to true for a bar chart by default.
title object Scale title configuration. more...
Last Updated: 12/1/2024, 9:49:55 AM
+ diff --git a/docs/master/axes/cartesian/_common_ticks.html b/docs/master/axes/cartesian/_common_ticks.html index e28cb17a2e..15da2e17cf 100644 --- a/docs/master/axes/cartesian/_common_ticks.html +++ b/docs/master/axes/cartesian/_common_ticks.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Common tick options to all cartesian axes

Namespace: options.scales[scaleId].ticks

Name Type Default Description
align string 'center' The tick alignment along the axis. Can be 'start', 'center', 'end', or 'inner'. inner alignment means align start for first tick and end for the last tick of horizontal axis
crossAlign string 'near' The tick alignment perpendicular to the axis. Can be 'near', 'center', or 'far'. See Tick Alignment
sampleSize number ticks.length The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.
autoSkip boolean true If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to maxRotation before skipping any. Turn autoSkip off to show all labels no matter what.
autoSkipPadding number 3 Padding between the ticks on the horizontal axis when autoSkip is enabled.
includeBounds boolean true Should the defined min and max values be presented as ticks even if they are not "nice".
labelOffset number 0 Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). Note: this can cause labels at the edges to be cropped by the edge of the canvas
maxRotation number 50 Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. Note: Only applicable to horizontal scales.
minRotation number 0 Minimum rotation for tick labels. Note: Only applicable to horizontal scales.
mirror boolean false Flips tick labels around axis, displaying the labels inside the chart instead of outside. Note: Only applicable to vertical scales.
padding number 0 Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.
maxTicksLimit number 11 Maximum number of ticks and gridlines to show.
Last Updated: 11/21/2024, 8:47:09 PM
- + (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Common tick options to all cartesian axes

Namespace: options.scales[scaleId].ticks

Name Type Default Description
align string 'center' The tick alignment along the axis. Can be 'start', 'center', 'end', or 'inner'. inner alignment means align start for first tick and end for the last tick of horizontal axis
crossAlign string 'near' The tick alignment perpendicular to the axis. Can be 'near', 'center', or 'far'. See Tick Alignment
sampleSize number ticks.length The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.
autoSkip boolean true If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to maxRotation before skipping any. Turn autoSkip off to show all labels no matter what.
autoSkipPadding number 3 Padding between the ticks on the horizontal axis when autoSkip is enabled.
includeBounds boolean true Should the defined min and max values be presented as ticks even if they are not "nice".
labelOffset number 0 Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). Note: this can cause labels at the edges to be cropped by the edge of the canvas
maxRotation number 50 Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. Note: Only applicable to horizontal scales.
minRotation number 0 Minimum rotation for tick labels. Note: Only applicable to horizontal scales.
mirror boolean false Flips tick labels around axis, displaying the labels inside the chart instead of outside. Note: Only applicable to vertical scales.
padding number 0 Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.
maxTicksLimit number 11 Maximum number of ticks and gridlines to show.
Last Updated: 12/1/2024, 9:49:55 AM
+ diff --git a/docs/master/axes/cartesian/category.html b/docs/master/axes/cartesian/category.html index 0402f592e7..484672ede9 100644 --- a/docs/master/axes/cartesian/category.html +++ b/docs/master/axes/cartesian/category.html @@ -7,7 +7,7 @@ - + @@ -74,7 +74,7 @@ } } }); -

# Internal data format

Internally category scale uses label indices

Last Updated: 11/21/2024, 8:47:09 PM

+

# Internal data format

Internally category scale uses label indices

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/cartesian/index.html b/docs/master/axes/cartesian/index.html index 05c53a92ed..b7af25a746 100644 --- a/docs/master/axes/cartesian/index.html +++ b/docs/master/axes/cartesian/index.html @@ -7,7 +7,7 @@ - + @@ -384,7 +384,7 @@ } } }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/cartesian/linear.html b/docs/master/axes/cartesian/linear.html index 7a4b32300b..6d7735d309 100644 --- a/docs/master/axes/cartesian/linear.html +++ b/docs/master/axes/cartesian/linear.html @@ -7,7 +7,7 @@ - + @@ -97,7 +97,7 @@ data: [100, -50], backgroundColor: 'rgb(255, 99, 132)' }], -};

# Internal data format

Internally, the linear scale uses numeric data

Last Updated: 11/21/2024, 8:47:09 PM

+};

# Internal data format

Internally, the linear scale uses numeric data

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/cartesian/logarithmic.html b/docs/master/axes/cartesian/logarithmic.html index 4cba609e71..17f2391243 100644 --- a/docs/master/axes/cartesian/logarithmic.html +++ b/docs/master/axes/cartesian/logarithmic.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Logarithmic Axis

The logarithmic scale is used to chart numerical data. It can be placed on either the x or y-axis. As the name suggests, logarithmic interpolation is used to determine where a value lies on the axis.

# Configuration Options

# Common options to all cartesian axes

Namespace: options.scales[scaleId]

Name Type Default Description
bounds string 'ticks' Determines the scale bounds. more...
clip boolean true If true, clip the dataset drawing against the size of the scale instead of chart area
position string | object Position of the axis. more...
stack string Stack group. Axes at the same position with same stack are stacked.
stackWeight number 1 Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.
axis string Which type of axis this is. Possible values are: 'x', 'y'. If not set, this is inferred from the first character of the ID which should be 'x' or 'y'.
offset boolean false If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to true for a bar chart by default.
title object Scale title configuration. more...

# Common options to all axes

Namespace: options.scales[scaleId]

Name Type Default Description
type string Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.
alignToPixels boolean false Align pixel values to device pixels.
backgroundColor Color Background color of the scale area.
border object Border configuration. more...
display boolean|string true Controls the axis global visibility (visible when true, hidden when false). When display: 'auto', the axis is visible only if at least one associated dataset is visible.
grid object Grid line configuration. more...
min number User defined minimum number for the scale, overrides minimum value from data. more...
max number User defined maximum number for the scale, overrides maximum value from data. more...
reverse boolean false Reverse the scale.
stacked boolean|string false Should the data be stacked. more...
suggestedMax number Adjustment used when calculating the maximum data value. more...
suggestedMin number Adjustment used when calculating the minimum data value. more...
ticks object Tick configuration. more...
weight number 0 The weight used to sort the axis. Higher weights are further away from the chart area.

# Tick Configuration

# Logarithmic Axis specific options

Namespace: options.scales[scaleId].ticks

Name Type Default Description
format object The Intl.NumberFormat (opens new window) options used by the default label formatter

# Common tick options to all cartesian axes

Namespace: options.scales[scaleId].ticks

Name Type Default Description
align string 'center' The tick alignment along the axis. Can be 'start', 'center', 'end', or 'inner'. inner alignment means align start for first tick and end for the last tick of horizontal axis
crossAlign string 'near' The tick alignment perpendicular to the axis. Can be 'near', 'center', or 'far'. See Tick Alignment
sampleSize number ticks.length The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.
autoSkip boolean true If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to maxRotation before skipping any. Turn autoSkip off to show all labels no matter what.
autoSkipPadding number 3 Padding between the ticks on the horizontal axis when autoSkip is enabled.
includeBounds boolean true Should the defined min and max values be presented as ticks even if they are not "nice".
labelOffset number 0 Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). Note: this can cause labels at the edges to be cropped by the edge of the canvas
maxRotation number 50 Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. Note: Only applicable to horizontal scales.
minRotation number 0 Minimum rotation for tick labels. Note: Only applicable to horizontal scales.
mirror boolean false Flips tick labels around axis, displaying the labels inside the chart instead of outside. Note: Only applicable to vertical scales.
padding number 0 Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.
maxTicksLimit number 11 Maximum number of ticks and gridlines to show.

# Common tick options to all axes

Namespace: options.scales[scaleId].ticks

Name Type Scriptable Default Description
backdropColor Color Yes 'rgba(255, 255, 255, 0.75)' Color of label backdrops.
backdropPadding Padding 2 Padding of label backdrop.
callback function Returns the string representation of the tick value as it should be displayed on the chart. See callback.
display boolean true If true, show tick labels.
color Color Yes Chart.defaults.color Color of ticks.
font Font Yes Chart.defaults.font See Fonts
major object {} Major ticks configuration.
padding number 3 Sets the offset of the tick labels from the axis
showLabelBackdrop boolean Yes true for radial scale, false otherwise If true, draw a background behind the tick labels.
textStrokeColor Color Yes `` The color of the stroke around the text.
textStrokeWidth number Yes 0 Stroke width around the text.
z number 0 z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.

# Internal data format

Internally, the logarithmic scale uses numeric data.

Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

# Logarithmic Axis

The logarithmic scale is used to chart numerical data. It can be placed on either the x or y-axis. As the name suggests, logarithmic interpolation is used to determine where a value lies on the axis.

# Configuration Options

# Common options to all cartesian axes

Namespace: options.scales[scaleId]

Name Type Default Description
bounds string 'ticks' Determines the scale bounds. more...
clip boolean true If true, clip the dataset drawing against the size of the scale instead of chart area
position string | object Position of the axis. more...
stack string Stack group. Axes at the same position with same stack are stacked.
stackWeight number 1 Weight of the scale in stack group. Used to determine the amount of allocated space for the scale within the group.
axis string Which type of axis this is. Possible values are: 'x', 'y'. If not set, this is inferred from the first character of the ID which should be 'x' or 'y'.
offset boolean false If true, extra space is added to the both edges and the axis is scaled to fit into the chart area. This is set to true for a bar chart by default.
title object Scale title configuration. more...

# Common options to all axes

Namespace: options.scales[scaleId]

Name Type Default Description
type string Type of scale being employed. Custom scales can be created and registered with a string key. This allows changing the type of an axis for a chart.
alignToPixels boolean false Align pixel values to device pixels.
backgroundColor Color Background color of the scale area.
border object Border configuration. more...
display boolean|string true Controls the axis global visibility (visible when true, hidden when false). When display: 'auto', the axis is visible only if at least one associated dataset is visible.
grid object Grid line configuration. more...
min number User defined minimum number for the scale, overrides minimum value from data. more...
max number User defined maximum number for the scale, overrides maximum value from data. more...
reverse boolean false Reverse the scale.
stacked boolean|string false Should the data be stacked. more...
suggestedMax number Adjustment used when calculating the maximum data value. more...
suggestedMin number Adjustment used when calculating the minimum data value. more...
ticks object Tick configuration. more...
weight number 0 The weight used to sort the axis. Higher weights are further away from the chart area.

# Tick Configuration

# Logarithmic Axis specific options

Namespace: options.scales[scaleId].ticks

Name Type Default Description
format object The Intl.NumberFormat (opens new window) options used by the default label formatter

# Common tick options to all cartesian axes

Namespace: options.scales[scaleId].ticks

Name Type Default Description
align string 'center' The tick alignment along the axis. Can be 'start', 'center', 'end', or 'inner'. inner alignment means align start for first tick and end for the last tick of horizontal axis
crossAlign string 'near' The tick alignment perpendicular to the axis. Can be 'near', 'center', or 'far'. See Tick Alignment
sampleSize number ticks.length The number of ticks to examine when deciding how many labels will fit. Setting a smaller value will be faster, but may be less accurate when there is large variability in label length.
autoSkip boolean true If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to maxRotation before skipping any. Turn autoSkip off to show all labels no matter what.
autoSkipPadding number 3 Padding between the ticks on the horizontal axis when autoSkip is enabled.
includeBounds boolean true Should the defined min and max values be presented as ticks even if they are not "nice".
labelOffset number 0 Distance in pixels to offset the label from the centre point of the tick (in the x-direction for the x-axis, and the y-direction for the y-axis). Note: this can cause labels at the edges to be cropped by the edge of the canvas
maxRotation number 50 Maximum rotation for tick labels when rotating to condense labels. Note: Rotation doesn't occur until necessary. Note: Only applicable to horizontal scales.
minRotation number 0 Minimum rotation for tick labels. Note: Only applicable to horizontal scales.
mirror boolean false Flips tick labels around axis, displaying the labels inside the chart instead of outside. Note: Only applicable to vertical scales.
padding number 0 Padding between the tick label and the axis. When set on a vertical axis, this applies in the horizontal (X) direction. When set on a horizontal axis, this applies in the vertical (Y) direction.
maxTicksLimit number 11 Maximum number of ticks and gridlines to show.

# Common tick options to all axes

Namespace: options.scales[scaleId].ticks

Name Type Scriptable Default Description
backdropColor Color Yes 'rgba(255, 255, 255, 0.75)' Color of label backdrops.
backdropPadding Padding 2 Padding of label backdrop.
callback function Returns the string representation of the tick value as it should be displayed on the chart. See callback.
display boolean true If true, show tick labels.
color Color Yes Chart.defaults.color Color of ticks.
font Font Yes Chart.defaults.font See Fonts
major object {} Major ticks configuration.
padding number 3 Sets the offset of the tick labels from the axis
showLabelBackdrop boolean Yes true for radial scale, false otherwise If true, draw a background behind the tick labels.
textStrokeColor Color Yes `` The color of the stroke around the text.
textStrokeWidth number Yes 0 Stroke width around the text.
z number 0 z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.

# Internal data format

Internally, the logarithmic scale uses numeric data.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/cartesian/time.html b/docs/master/axes/cartesian/time.html index 87dd5fd1df..6e0c939ce7 100644 --- a/docs/master/axes/cartesian/time.html +++ b/docs/master/axes/cartesian/time.html @@ -7,7 +7,7 @@ - + @@ -109,7 +109,7 @@ type: 'logarithmic', bounds: 'ticks' }; -

# Internal data format

Internally time scale uses milliseconds since epoch

Last Updated: 11/21/2024, 8:47:09 PM

+

# Internal data format

Internally time scale uses milliseconds since epoch

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/cartesian/timeseries.html b/docs/master/axes/cartesian/timeseries.html index bc8188e209..62601e408c 100644 --- a/docs/master/axes/cartesian/timeseries.html +++ b/docs/master/axes/cartesian/timeseries.html @@ -7,7 +7,7 @@ - + @@ -50,7 +50,7 @@ } } }); -

# More details

Please see the time scale documentation for all other details.

Last Updated: 11/21/2024, 8:47:09 PM

+

# More details

Please see the time scale documentation for all other details.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/index.html b/docs/master/axes/index.html index 2fa60ff7c4..9e0444aa26 100644 --- a/docs/master/axes/index.html +++ b/docs/master/axes/index.html @@ -7,7 +7,7 @@ - + @@ -110,7 +110,7 @@ });

In contrast to the suggested* settings, the min and max settings set explicit ends to the axes. When these are set, some data points may not be visible.

# Stacking

By default, data is not stacked. If the stacked option of the value scale (y-axis on horizontal chart) is true, positive and negative values are stacked separately. Additionally, a stack option can be defined per dataset to further divide into stack groups more.... For some charts, you might want to stack positive and negative values together. That can be achieved by specifying stacked: 'single'.

# Callbacks

There are a number of config callbacks that can be used to change parameters in the scale at different points in the update process. The options are supplied at the top level of the axis options.

Namespace: options.scales[scaleId]

Name Arguments Description
beforeUpdate axis Callback called before the update process starts.
beforeSetDimensions axis Callback that runs before dimensions are set.
afterSetDimensions axis Callback that runs after dimensions are set.
beforeDataLimits axis Callback that runs before data limits are determined.
afterDataLimits axis Callback that runs after data limits are determined.
beforeBuildTicks axis Callback that runs before ticks are created.
afterBuildTicks axis Callback that runs after ticks are created. Useful for filtering ticks.
beforeTickToLabelConversion axis Callback that runs before ticks are converted into strings.
afterTickToLabelConversion axis Callback that runs after ticks are converted into strings.
beforeCalculateLabelRotation axis Callback that runs before tick rotation is determined.
afterCalculateLabelRotation axis Callback that runs after tick rotation is determined.
beforeFit axis Callback that runs before the scale fits to the canvas.
afterFit axis Callback that runs after the scale fits to the canvas.
afterUpdate axis Callback that runs at the end of the update process.

# Updating Axis Defaults

The default configuration for a scale can be easily changed. All you need to do is set the new options to Chart.defaults.scales[type].

For example, to set the minimum value of 0 for all linear scales, you would do the following. Any linear scales created after this time would now have a minimum of 0.

Chart.defaults.scales.linear.min = 0;
-

# Creating New Axes

To create a new axis, see the developer docs.

Last Updated: 11/21/2024, 8:47:09 PM

+

# Creating New Axes

To create a new axis, see the developer docs.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/labelling.html b/docs/master/axes/labelling.html index 5ac8ef42f9..231f3beffb 100644 --- a/docs/master/axes/labelling.html +++ b/docs/master/axes/labelling.html @@ -7,7 +7,7 @@ - + @@ -58,7 +58,7 @@ });

Keep in mind that overriding ticks.callback means that you are responsible for all formatting of the label. Depending on your use case, you may want to call the default formatter and then modify its output. In the example above, that would look like:

                        // call the default formatter, forwarding `this`
                         return '$' + Chart.Ticks.formatters.numeric.apply(this, [value, index, ticks]);
-

Related samples:

Last Updated: 11/21/2024, 8:47:09 PM

+

Related samples:

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/radial/index.html b/docs/master/axes/radial/index.html index 1abfaa83c4..d2b1116539 100644 --- a/docs/master/axes/radial/index.html +++ b/docs/master/axes/radial/index.html @@ -7,7 +7,7 @@ - + @@ -231,7 +231,7 @@ borderWidth: 1, data: [10, 20, 30, 40, 50, 0, 5], }] -};
Last Updated: 11/21/2024, 8:47:09 PM

+};

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/radial/linear.html b/docs/master/axes/radial/linear.html index 7095ffa5d4..a894c16c64 100644 --- a/docs/master/axes/radial/linear.html +++ b/docs/master/axes/radial/linear.html @@ -7,7 +7,7 @@ - + @@ -72,7 +72,7 @@ };

# Angle Line Options

The following options are used to configure angled lines that radiate from the center of the chart to the point labels. Namespace: options.scales[scaleId].angleLines

Name Type Scriptable Default Description
display boolean true If true, angle lines are shown.
color Color Yes Chart.defaults.borderColor Color of angled lines.
lineWidth number Yes 1 Width of angled lines.
borderDash number[] Yes1 [] Length and spacing of dashes on angled lines. See MDN (opens new window).
borderDashOffset number Yes 0.0 Offset for line dashes. See MDN (opens new window).
  1. the borderDash setting only accepts a static value or a function. Passing an array of arrays is not supported.

The scriptable context is described in Options section.

# Point Label Options

The following options are used to configure the point labels that are shown on the perimeter of the scale. -Namespace: options.scales[scaleId].pointLabels

Name Type Scriptable Default Description
backdropColor Color true undefined Background color of the point label.
backdropPadding Padding 2 Padding of label backdrop.
borderRadius number|object true 0 Border radius of the point label
display boolean|string true If true, point labels are shown. When display: 'auto', the label is hidden if it overlaps with another label.
callback function Callback function to transform data labels to point labels. The default implementation simply returns the current string.
color Color Yes Chart.defaults.color Color of label.
font Font Yes Chart.defaults.font See Fonts
padding number Yes 5 Padding between chart and point labels.
centerPointLabels boolean false If true, point labels are centered.

The scriptable context is described in Options section.

# Internal data format

Internally, the linear radial scale uses numeric data

Last Updated: 11/21/2024, 8:47:09 PM

+Namespace: options.scales[scaleId].pointLabels

Name Type Scriptable Default Description
backdropColor Color true undefined Background color of the point label.
backdropPadding Padding 2 Padding of label backdrop.
borderRadius number|object true 0 Border radius of the point label
display boolean|string true If true, point labels are shown. When display: 'auto', the label is hidden if it overlaps with another label.
callback function Callback function to transform data labels to point labels. The default implementation simply returns the current string.
color Color Yes Chart.defaults.color Color of label.
font Font Yes Chart.defaults.font See Fonts
padding number Yes 5 Padding between chart and point labels.
centerPointLabels boolean false If true, point labels are centered.

The scriptable context is described in Options section.

# Internal data format

Internally, the linear radial scale uses numeric data

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/axes/styling.html b/docs/master/axes/styling.html index 988b191de0..c86f2370d4 100644 --- a/docs/master/axes/styling.html +++ b/docs/master/axes/styling.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Styling

There are a number of options to allow styling an axis. There are settings to control grid lines and ticks.

# Grid Line Configuration

Namespace: options.scales[scaleId].grid, it defines options for the grid lines that run perpendicular to the axis.

Name Type Scriptable Indexable Default Description
circular boolean false If true, gridlines are circular (on radar and polar area charts only).
color Color Yes Yes Chart.defaults.borderColor The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line, and so on.
display boolean true If false, do not display grid lines for this axis.
drawOnChartArea boolean true If true, draw lines on the chart area inside the axis lines. This is useful when there are multiple axes and you need to control which grid lines are drawn.
drawTicks boolean true If true, draw lines beside the ticks in the axis area beside the chart.
lineWidth number Yes Yes 1 Stroke width of grid lines.
offset boolean false If true, grid lines will be shifted to be between labels. This is set to true for a bar chart by default.
tickBorderDash number[] Yes Yes [] Length and spacing of the tick mark line. If not set, defaults to the grid line borderDash value.
tickBorderDashOffset number Yes Yes Offset for the line dash of the tick mark. If unset, defaults to the grid line borderDashOffset value
tickColor Color Yes Yes Color of the tick line. If unset, defaults to the grid line color.
tickLength number 8 Length in pixels that the grid lines will draw into the axis area.
tickWidth number Yes Yes Width of the tick mark in pixels. If unset, defaults to the grid line width.
z number -1 z-index of the gridline layer. Values <= 0 are drawn under datasets, > 0 on top.

The scriptable context is described in Options section.

# Tick Configuration

# Common tick options to all axes

Namespace: options.scales[scaleId].ticks

Name Type Scriptable Default Description
backdropColor Color Yes 'rgba(255, 255, 255, 0.75)' Color of label backdrops.
backdropPadding Padding 2 Padding of label backdrop.
callback function Returns the string representation of the tick value as it should be displayed on the chart. See callback.
display boolean true If true, show tick labels.
color Color Yes Chart.defaults.color Color of ticks.
font Font Yes Chart.defaults.font See Fonts
major object {} Major ticks configuration.
padding number 3 Sets the offset of the tick labels from the axis
showLabelBackdrop boolean Yes true for radial scale, false otherwise If true, draw a background behind the tick labels.
textStrokeColor Color Yes `` The color of the stroke around the text.
textStrokeWidth number Yes 0 Stroke width around the text.
z number 0 z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.

The scriptable context is described in Options section.

# Major Tick Configuration

Namespace: options.scales[scaleId].ticks.major, it defines options for the major tick marks that are generated by the axis.

Name Type Default Description
enabled boolean false If true, major ticks are generated. A major tick will affect autoskipping and major will be defined on ticks in the scriptable options context.

# Border Configuration

Namespace: options.scales[scaleId].border, it defines options for the border that run perpendicular to the axis.

Name Type Scriptable Indexable Default Description
display boolean true If true, draw a border at the edge between the axis and the chart area.
color Color Chart.defaults.borderColor The color of the border line.
width number 1 The width of the border line.
dash number[] Yes [] Length and spacing of dashes on grid lines. See MDN (opens new window).
dashOffset number Yes 0.0 Offset for line dashes. See MDN (opens new window).
z number 0 z-index of the border layer. Values <= 0 are drawn under datasets, > 0 on top.
Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

# Styling

There are a number of options to allow styling an axis. There are settings to control grid lines and ticks.

# Grid Line Configuration

Namespace: options.scales[scaleId].grid, it defines options for the grid lines that run perpendicular to the axis.

Name Type Scriptable Indexable Default Description
circular boolean false If true, gridlines are circular (on radar and polar area charts only).
color Color Yes Yes Chart.defaults.borderColor The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line, and so on.
display boolean true If false, do not display grid lines for this axis.
drawOnChartArea boolean true If true, draw lines on the chart area inside the axis lines. This is useful when there are multiple axes and you need to control which grid lines are drawn.
drawTicks boolean true If true, draw lines beside the ticks in the axis area beside the chart.
lineWidth number Yes Yes 1 Stroke width of grid lines.
offset boolean false If true, grid lines will be shifted to be between labels. This is set to true for a bar chart by default.
tickBorderDash number[] Yes Yes [] Length and spacing of the tick mark line. If not set, defaults to the grid line borderDash value.
tickBorderDashOffset number Yes Yes Offset for the line dash of the tick mark. If unset, defaults to the grid line borderDashOffset value
tickColor Color Yes Yes Color of the tick line. If unset, defaults to the grid line color.
tickLength number 8 Length in pixels that the grid lines will draw into the axis area.
tickWidth number Yes Yes Width of the tick mark in pixels. If unset, defaults to the grid line width.
z number -1 z-index of the gridline layer. Values <= 0 are drawn under datasets, > 0 on top.

The scriptable context is described in Options section.

# Tick Configuration

# Common tick options to all axes

Namespace: options.scales[scaleId].ticks

Name Type Scriptable Default Description
backdropColor Color Yes 'rgba(255, 255, 255, 0.75)' Color of label backdrops.
backdropPadding Padding 2 Padding of label backdrop.
callback function Returns the string representation of the tick value as it should be displayed on the chart. See callback.
display boolean true If true, show tick labels.
color Color Yes Chart.defaults.color Color of ticks.
font Font Yes Chart.defaults.font See Fonts
major object {} Major ticks configuration.
padding number 3 Sets the offset of the tick labels from the axis
showLabelBackdrop boolean Yes true for radial scale, false otherwise If true, draw a background behind the tick labels.
textStrokeColor Color Yes `` The color of the stroke around the text.
textStrokeWidth number Yes 0 Stroke width around the text.
z number 0 z-index of tick layer. Useful when ticks are drawn on chart area. Values <= 0 are drawn under datasets, > 0 on top.

The scriptable context is described in Options section.

# Major Tick Configuration

Namespace: options.scales[scaleId].ticks.major, it defines options for the major tick marks that are generated by the axis.

Name Type Default Description
enabled boolean false If true, major ticks are generated. A major tick will affect autoskipping and major will be defined on ticks in the scriptable options context.

# Border Configuration

Namespace: options.scales[scaleId].border, it defines options for the border that run perpendicular to the axis.

Name Type Scriptable Indexable Default Description
display boolean true If true, draw a border at the edge between the axis and the chart area.
color Color Chart.defaults.borderColor The color of the border line.
width number 1 The width of the border line.
dash number[] Yes [] Length and spacing of dashes on grid lines. See MDN (opens new window).
dashOffset number Yes 0.0 Offset for line dashes. See MDN (opens new window).
z number 0 z-index of the border layer. Values <= 0 are drawn under datasets, > 0 on top.
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/area.html b/docs/master/charts/area.html index 64543115d2..cec85e9aee 100644 --- a/docs/master/charts/area.html +++ b/docs/master/charts/area.html @@ -7,7 +7,7 @@ - + @@ -85,7 +85,7 @@

propagate: true: -if dataset 2 is hidden, dataset 4 will fill to dataset 1 -if dataset 2 and 1 are hidden, dataset 4 will fill to 'origin'

propagate: false: --if dataset 2 and/or 4 are hidden, dataset 4 will not be filled

Last Updated: 11/21/2024, 8:47:09 PM

+-if dataset 2 and/or 4 are hidden, dataset 4 will not be filled

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/bar.html b/docs/master/charts/bar.html index 45bdc77ccd..92f85a2306 100644 --- a/docs/master/charts/bar.html +++ b/docs/master/charts/bar.html @@ -7,7 +7,7 @@ - + @@ -241,7 +241,7 @@ ], borderWidth: 1 }] -};

# Horizontal Bar Chart config Options

The configuration options for the horizontal bar chart are the same as for the bar chart. However, any options specified on the x-axis in a bar chart, are applied to the y-axis in a horizontal bar chart.

# Internal data format

{x, y, _custom} where _custom is an optional object defining stacked bar properties: {start, end, barStart, barEnd, min, max}. start and end are the input values. Those two are repeated in barStart (closer to origin), barEnd (further from origin), min and max.

Last Updated: 11/21/2024, 8:47:09 PM

+};

# Horizontal Bar Chart config Options

The configuration options for the horizontal bar chart are the same as for the bar chart. However, any options specified on the x-axis in a bar chart, are applied to the y-axis in a horizontal bar chart.

# Internal data format

{x, y, _custom} where _custom is an optional object defining stacked bar properties: {start, end, barStart, barEnd, min, max}. start and end are the input values. Those two are repeated in barStart (closer to origin), barEnd (further from origin), min and max.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/bubble.html b/docs/master/charts/bubble.html index f8dd275642..3486cd6301 100644 --- a/docs/master/charts/bubble.html +++ b/docs/master/charts/bubble.html @@ -7,7 +7,7 @@ - + @@ -87,7 +87,7 @@ // Bubble radius in pixels (not scaled). r: number } -

Important: the radius property, r is not scaled by the chart, it is the raw radius in pixels of the bubble that is drawn on the canvas.

# Internal data format

{x, y, _custom} where _custom is the radius.

Last Updated: 11/21/2024, 8:47:09 PM

+

Important: the radius property, r is not scaled by the chart, it is the raw radius in pixels of the bubble that is drawn on the canvas.

# Internal data format

{x, y, _custom} where _custom is the radius.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/doughnut.html b/docs/master/charts/doughnut.html index 41025ae728..42339e3eb1 100644 --- a/docs/master/charts/doughnut.html +++ b/docs/master/charts/doughnut.html @@ -7,7 +7,7 @@ - + @@ -134,7 +134,7 @@ 'Blue' ] }; -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/line.html b/docs/master/charts/line.html index 228e0427a1..4c1bfa1ab0 100644 --- a/docs/master/charts/line.html +++ b/docs/master/charts/line.html @@ -7,7 +7,7 @@ - + @@ -165,7 +165,7 @@ ], borderWidth: 1 }] -};

# Config Options

The configuration options for the vertical line chart are the same as for the line chart. However, any options specified on the x-axis in a line chart, are applied to the y-axis in a vertical line chart.

# Internal data format

{x, y}

Last Updated: 11/21/2024, 8:47:09 PM

+};

# Config Options

The configuration options for the vertical line chart are the same as for the line chart. However, any options specified on the x-axis in a line chart, are applied to the y-axis in a vertical line chart.

# Internal data format

{x, y}

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/mixed.html b/docs/master/charts/mixed.html index 4c865b7d27..0de08d1cac 100644 --- a/docs/master/charts/mixed.html +++ b/docs/master/charts/mixed.html @@ -7,7 +7,7 @@ - + @@ -137,7 +137,7 @@ }, options: options }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/polar.html b/docs/master/charts/polar.html index 7443252e4d..f68b885f53 100644 --- a/docs/master/charts/polar.html +++ b/docs/master/charts/polar.html @@ -7,7 +7,7 @@ - + @@ -101,7 +101,7 @@ 'Blue' ] }; -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/radar.html b/docs/master/charts/radar.html index 63a776d0a4..100cfb671f 100644 --- a/docs/master/charts/radar.html +++ b/docs/master/charts/radar.html @@ -7,7 +7,7 @@ - + @@ -143,7 +143,7 @@ data: [20, 10, 4, 2] }] } -

# Internal data format

{x, y}

Last Updated: 11/21/2024, 8:47:09 PM

+

# Internal data format

{x, y}

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/charts/scatter.html b/docs/master/charts/scatter.html index 546758f940..75853e06f0 100644 --- a/docs/master/charts/scatter.html +++ b/docs/master/charts/scatter.html @@ -7,7 +7,7 @@ - + @@ -109,7 +109,7 @@ x: 15, y: 10 }] -

# Internal data format

{x, y}

Last Updated: 11/21/2024, 8:47:09 PM

+

# Internal data format

{x, y}

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/animations.html b/docs/master/configuration/animations.html index 569fcf60a8..53349c0d04 100644 --- a/docs/master/configuration/animations.html +++ b/docs/master/configuration/animations.html @@ -7,7 +7,7 @@ - + @@ -202,7 +202,7 @@ } } }); -

Another example usage of these callbacks can be found in this progress bar sample, which displays a progress bar showing how far along the animation is.

Last Updated: 11/21/2024, 8:47:09 PM

+

Another example usage of these callbacks can be found in this progress bar sample, which displays a progress bar showing how far along the animation is.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/canvas-background.html b/docs/master/configuration/canvas-background.html index 072b005be0..d52480afa3 100644 --- a/docs/master/configuration/canvas-background.html +++ b/docs/master/configuration/canvas-background.html @@ -7,7 +7,7 @@ - + @@ -200,7 +200,7 @@ image.onload = () => chart.draw(); } } -};
Last Updated: 11/21/2024, 8:47:09 PM

+};

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/decimation.html b/docs/master/configuration/decimation.html index e46d4a3501..572e04939e 100644 --- a/docs/master/configuration/decimation.html +++ b/docs/master/configuration/decimation.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Data Decimation

The decimation plugin can be used with line charts to automatically decimate data at the start of the chart lifecycle. Before enabling this plugin, review the requirements to ensure that it will work with the chart you want to create.

# Configuration Options

Namespace: options.plugins.decimation, the global options for the plugin are defined in Chart.defaults.plugins.decimation.

Name Type Default Description
enabled boolean false Is decimation enabled?
algorithm string 'min-max' Decimation algorithm to use. See the more...
samples number If the 'lttb' algorithm is used, this is the number of samples in the output dataset. Defaults to the canvas width to pick 1 sample per pixel.
threshold number If the number of samples in the current axis range is above this value, the decimation will be triggered. Defaults to 4 times the canvas width.
The number of point after decimation can be higher than the threshold value.

# Decimation Algorithms

Decimation algorithm to use for data. Options are:

  • 'lttb'
  • 'min-max'

# Largest Triangle Three Bucket (LTTB) Decimation

LTTB (opens new window) decimation reduces the number of data points significantly. This is most useful for showing trends in data using only a few data points.

# Min/Max Decimation

Min/max (opens new window) decimation will preserve peaks in your data but could require up to 4 points for each pixel. This type of decimation would work well for a very noisy signal where you need to see data peaks.

# Requirements

To use the decimation plugin, the following requirements must be met:

  1. The dataset must have an indexAxis of 'x'
  2. The dataset must be a line
  3. The X axis for the dataset must be either a 'linear' or 'time' type axis
  4. Data must not need parsing, i.e. parsing must be false
  5. The dataset object must be mutable. The plugin stores the original data as dataset._data and then defines a new data property on the dataset.
  6. There must be more points on the chart than the threshold value. Take a look at the Configuration Options for more information.
Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

# Data Decimation

The decimation plugin can be used with line charts to automatically decimate data at the start of the chart lifecycle. Before enabling this plugin, review the requirements to ensure that it will work with the chart you want to create.

# Configuration Options

Namespace: options.plugins.decimation, the global options for the plugin are defined in Chart.defaults.plugins.decimation.

Name Type Default Description
enabled boolean false Is decimation enabled?
algorithm string 'min-max' Decimation algorithm to use. See the more...
samples number If the 'lttb' algorithm is used, this is the number of samples in the output dataset. Defaults to the canvas width to pick 1 sample per pixel.
threshold number If the number of samples in the current axis range is above this value, the decimation will be triggered. Defaults to 4 times the canvas width.
The number of point after decimation can be higher than the threshold value.

# Decimation Algorithms

Decimation algorithm to use for data. Options are:

  • 'lttb'
  • 'min-max'

# Largest Triangle Three Bucket (LTTB) Decimation

LTTB (opens new window) decimation reduces the number of data points significantly. This is most useful for showing trends in data using only a few data points.

# Min/Max Decimation

Min/max (opens new window) decimation will preserve peaks in your data but could require up to 4 points for each pixel. This type of decimation would work well for a very noisy signal where you need to see data peaks.

# Requirements

To use the decimation plugin, the following requirements must be met:

  1. The dataset must have an indexAxis of 'x'
  2. The dataset must be a line
  3. The X axis for the dataset must be either a 'linear' or 'time' type axis
  4. Data must not need parsing, i.e. parsing must be false
  5. The dataset object must be mutable. The plugin stores the original data as dataset._data and then defines a new data property on the dataset.
  6. There must be more points on the chart than the threshold value. Take a look at the Configuration Options for more information.
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/device-pixel-ratio.html b/docs/master/configuration/device-pixel-ratio.html index ef4b378b75..1d3684dfe9 100644 --- a/docs/master/configuration/device-pixel-ratio.html +++ b/docs/master/configuration/device-pixel-ratio.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Device Pixel Ratio

By default, the chart's canvas will use a 1:1 pixel ratio, unless the physical display has a higher pixel ratio (e.g. Retina displays).

For applications where a chart will be converted to a bitmap, or printed to a higher DPI medium, it can be desirable to render the chart at a higher resolution than the default.

Setting devicePixelRatio to a value other than 1 will force the canvas size to be scaled by that amount, relative to the container size. There should be no visible difference on screen; the difference will only be visible when the image is zoomed or printed.

# Configuration Options

Namespace: options

Name Type Default Description
devicePixelRatio number window.devicePixelRatio Override the window's default devicePixelRatio.
Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

# Device Pixel Ratio

By default, the chart's canvas will use a 1:1 pixel ratio, unless the physical display has a higher pixel ratio (e.g. Retina displays).

For applications where a chart will be converted to a bitmap, or printed to a higher DPI medium, it can be desirable to render the chart at a higher resolution than the default.

Setting devicePixelRatio to a value other than 1 will force the canvas size to be scaled by that amount, relative to the container size. There should be no visible difference on screen; the difference will only be visible when the image is zoomed or printed.

# Configuration Options

Namespace: options

Name Type Default Description
devicePixelRatio number window.devicePixelRatio Override the window's default devicePixelRatio.
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/elements.html b/docs/master/configuration/elements.html index c16632c13a..b6f45dd36c 100644 --- a/docs/master/configuration/elements.html +++ b/docs/master/configuration/elements.html @@ -7,7 +7,7 @@ - + @@ -40,7 +40,7 @@ (opens new window) GitHub (opens new window)

# Elements

While chart types provide settings to configure the styling of each dataset, you sometimes want to style all datasets the same way. A common example would be to stroke all the bars in a bar chart with the same colour but change the fill per dataset. Options can be configured for four different types of elements: arc, lines, points, and bars. When set, these options apply to all objects of that type unless specifically overridden by the configuration attached to a dataset.

# Global Configuration

The element options can be specified per chart or globally. The global options for elements are defined in Chart.defaults.elements. For example, to set the border width of all bar charts globally, you would do:

Chart.defaults.elements.bar.borderWidth = 2;
-

# Point Configuration

Point elements are used to represent the points in a line, radar or bubble chart.

Namespace: options.elements.point, global point options: Chart.defaults.elements.point.

Name Type Default Description
radius number 3 Point radius.
pointStyle pointStyle 'circle' Point style.
rotation number 0 Point rotation (in degrees).
backgroundColor Color Chart.defaults.backgroundColor Point fill color.
borderWidth number 1 Point stroke width.
borderColor Color 'Chart.defaults.borderColor Point stroke color.
hitRadius number 1 Extra radius added to point radius for hit detection.
hoverRadius number 4 Point radius when hovered.
hoverBorderWidth number 1 Stroke width when hovered.

# Point Styles

# Types

The pointStyle argument accepts the following type of inputs: string, Image and HTMLCanvasElement

# Info

When a string is provided, the following values are supported:

  • 'circle'
  • 'cross'
  • 'crossRot'
  • 'dash'
  • 'line'
  • 'rect'
  • 'rectRounded'
  • 'rectRot'
  • 'star'
  • 'triangle'
  • false

If the value is an image or a canvas element, that image or canvas element is drawn on the canvas using drawImage (opens new window).

# Line Configuration

Line elements are used to represent the line in a line chart.

Namespace: options.elements.line, global line options: Chart.defaults.elements.line.

Name Type Default Description
tension number 0 Bézier curve tension (0 for no Bézier curves).
backgroundColor Color Chart.defaults.backgroundColor Line fill color.
borderWidth number 3 Line stroke width.
borderColor Color Chart.defaults.borderColor Line stroke color.
borderCapStyle string 'butt' Line cap style. See MDN (opens new window).
borderDash number[] [] Line dash. See MDN (opens new window).
borderDashOffset number 0.0 Line dash offset. See MDN (opens new window).
borderJoinStyle 'round'|'bevel'|'miter' 'miter' Line join style. See MDN (opens new window).
capBezierPoints boolean true true to keep Bézier control inside the chart, false for no restriction.
cubicInterpolationMode string 'default' Interpolation mode to apply. See more...
fill boolean|string false How to fill the area under the line. See area charts.
stepped boolean false true to show the line as a stepped line (tension will be ignored).

# Bar Configuration

Bar elements are used to represent the bars in a bar chart.

Namespace: options.elements.bar, global bar options: Chart.defaults.elements.bar.

Name Type Default Description
backgroundColor Color Chart.defaults.backgroundColor Bar fill color.
borderWidth number 0 Bar stroke width.
borderColor Color Chart.defaults.borderColor Bar stroke color.
borderSkipped string 'start' Skipped (excluded) border: 'start', 'end', 'middle', 'bottom', 'left', 'top', 'right' or false.
borderRadius number|object 0 The bar border radius (in pixels).
inflateAmount number|'auto' 'auto' The amount of pixels to inflate the bar rectangle(s) when drawing.
pointStyle string|Image|HTMLCanvasElement 'circle' Style of the point for legend.

# Arc Configuration

Arcs are used in the polar area, doughnut and pie charts.

Namespace: options.elements.arc, global arc options: Chart.defaults.elements.arc.

Name Type Default Description
angle - for polar only number circumference / (arc count) Arc angle to cover.
backgroundColor Color Chart.defaults.backgroundColor Arc fill color.
borderAlign 'center'|'inner' 'center' Arc stroke alignment.
borderColor Color '#fff' Arc stroke color.
borderDash number[] [] Arc line dash. See MDN (opens new window).
borderDashOffset number 0.0 Arc line dash offset. See MDN (opens new window).
borderJoinStyle 'round'|'bevel'|'miter' 'bevel'|'round' Line join style. See MDN (opens new window). The default is 'round' when borderAlign is 'inner'
borderWidth number 2 Arc stroke width.
circular boolean true By default the Arc is curved. If circular: false the Arc will be flat
Last Updated: 11/21/2024, 8:47:09 PM

+

# Point Configuration

Point elements are used to represent the points in a line, radar or bubble chart.

Namespace: options.elements.point, global point options: Chart.defaults.elements.point.

Name Type Default Description
radius number 3 Point radius.
pointStyle pointStyle 'circle' Point style.
rotation number 0 Point rotation (in degrees).
backgroundColor Color Chart.defaults.backgroundColor Point fill color.
borderWidth number 1 Point stroke width.
borderColor Color 'Chart.defaults.borderColor Point stroke color.
hitRadius number 1 Extra radius added to point radius for hit detection.
hoverRadius number 4 Point radius when hovered.
hoverBorderWidth number 1 Stroke width when hovered.

# Point Styles

# Types

The pointStyle argument accepts the following type of inputs: string, Image and HTMLCanvasElement

# Info

When a string is provided, the following values are supported:

  • 'circle'
  • 'cross'
  • 'crossRot'
  • 'dash'
  • 'line'
  • 'rect'
  • 'rectRounded'
  • 'rectRot'
  • 'star'
  • 'triangle'
  • false

If the value is an image or a canvas element, that image or canvas element is drawn on the canvas using drawImage (opens new window).

# Line Configuration

Line elements are used to represent the line in a line chart.

Namespace: options.elements.line, global line options: Chart.defaults.elements.line.

Name Type Default Description
tension number 0 Bézier curve tension (0 for no Bézier curves).
backgroundColor Color Chart.defaults.backgroundColor Line fill color.
borderWidth number 3 Line stroke width.
borderColor Color Chart.defaults.borderColor Line stroke color.
borderCapStyle string 'butt' Line cap style. See MDN (opens new window).
borderDash number[] [] Line dash. See MDN (opens new window).
borderDashOffset number 0.0 Line dash offset. See MDN (opens new window).
borderJoinStyle 'round'|'bevel'|'miter' 'miter' Line join style. See MDN (opens new window).
capBezierPoints boolean true true to keep Bézier control inside the chart, false for no restriction.
cubicInterpolationMode string 'default' Interpolation mode to apply. See more...
fill boolean|string false How to fill the area under the line. See area charts.
stepped boolean false true to show the line as a stepped line (tension will be ignored).

# Bar Configuration

Bar elements are used to represent the bars in a bar chart.

Namespace: options.elements.bar, global bar options: Chart.defaults.elements.bar.

Name Type Default Description
backgroundColor Color Chart.defaults.backgroundColor Bar fill color.
borderWidth number 0 Bar stroke width.
borderColor Color Chart.defaults.borderColor Bar stroke color.
borderSkipped string 'start' Skipped (excluded) border: 'start', 'end', 'middle', 'bottom', 'left', 'top', 'right' or false.
borderRadius number|object 0 The bar border radius (in pixels).
inflateAmount number|'auto' 'auto' The amount of pixels to inflate the bar rectangle(s) when drawing.
pointStyle string|Image|HTMLCanvasElement 'circle' Style of the point for legend.

# Arc Configuration

Arcs are used in the polar area, doughnut and pie charts.

Namespace: options.elements.arc, global arc options: Chart.defaults.elements.arc.

Name Type Default Description
angle - for polar only number circumference / (arc count) Arc angle to cover.
backgroundColor Color Chart.defaults.backgroundColor Arc fill color.
borderAlign 'center'|'inner' 'center' Arc stroke alignment.
borderColor Color '#fff' Arc stroke color.
borderDash number[] [] Arc line dash. See MDN (opens new window).
borderDashOffset number 0.0 Arc line dash offset. See MDN (opens new window).
borderJoinStyle 'round'|'bevel'|'miter' 'bevel'|'round' Line join style. See MDN (opens new window). The default is 'round' when borderAlign is 'inner'
borderWidth number 2 Arc stroke width.
circular boolean true By default the Arc is curved. If circular: false the Arc will be flat
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/index.html b/docs/master/configuration/index.html index 08482dfeb9..714c48d309 100644 --- a/docs/master/configuration/index.html +++ b/docs/master/configuration/index.html @@ -7,7 +7,7 @@ - + @@ -82,7 +82,7 @@ }] } }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/interactions.html b/docs/master/configuration/interactions.html index ba89f4363d..d0a9c0e814 100644 --- a/docs/master/configuration/interactions.html +++ b/docs/master/configuration/interactions.html @@ -7,7 +7,7 @@ - + @@ -192,7 +192,7 @@ myCustomMode: InteractionModeFunction; } } -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/layout.html b/docs/master/configuration/layout.html index 49bb7baf14..5b5063b261 100644 --- a/docs/master/configuration/layout.html +++ b/docs/master/configuration/layout.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Layout

Namespace: options.layout, the global options for the chart layout is defined in Chart.defaults.layout.

Name Type Default Scriptable Description
autoPadding boolean true No Apply automatic padding so visible elements are completely drawn.
padding Padding 0 Yes The padding to add inside the chart.
Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

# Layout

Namespace: options.layout, the global options for the chart layout is defined in Chart.defaults.layout.

Name Type Default Scriptable Description
autoPadding boolean true No Apply automatic padding so visible elements are completely drawn.
padding Padding 0 Yes The padding to add inside the chart.
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/legend.html b/docs/master/configuration/legend.html index 09cd5b875e..2e426f0fb3 100644 --- a/docs/master/configuration/legend.html +++ b/docs/master/configuration/legend.html @@ -7,7 +7,7 @@ - + @@ -129,7 +129,7 @@ } } }); -

Now when you click the legend in this chart, the visibility of the first two datasets will be linked together.

Last Updated: 11/21/2024, 8:47:09 PM

+

Now when you click the legend in this chart, the visibility of the first two datasets will be linked together.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/locale.html b/docs/master/configuration/locale.html index 1c938d96ca..58f9b9f19c 100644 --- a/docs/master/configuration/locale.html +++ b/docs/master/configuration/locale.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Locale

For applications where the numbers of ticks on scales must be formatted accordingly with a language sensitive number formatting, you can enable this kind of formatting by setting the locale option.

The locale is a string that is a Unicode BCP 47 locale identifier (opens new window).

A Unicode BCP 47 locale identifier consists of

  1. a language code,
  2. (optionally) a script code,
  3. (optionally) a region (or country) code,
  4. (optionally) one or more variant codes, and
  5. (optionally) one or more extension sequences,

with all present components separated by hyphens.

By default, the chart is using the default locale of the platform which is running on.

# Configuration Options

Namespace: options

Name Type Default Description
locale string undefined a string with a BCP 47 language tag, leveraging on INTL NumberFormat (opens new window).
Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

# Locale

For applications where the numbers of ticks on scales must be formatted accordingly with a language sensitive number formatting, you can enable this kind of formatting by setting the locale option.

The locale is a string that is a Unicode BCP 47 locale identifier (opens new window).

A Unicode BCP 47 locale identifier consists of

  1. a language code,
  2. (optionally) a script code,
  3. (optionally) a region (or country) code,
  4. (optionally) one or more variant codes, and
  5. (optionally) one or more extension sequences,

with all present components separated by hyphens.

By default, the chart is using the default locale of the platform which is running on.

# Configuration Options

Namespace: options

Name Type Default Description
locale string undefined a string with a BCP 47 language tag, leveraging on INTL NumberFormat (opens new window).
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/responsive.html b/docs/master/configuration/responsive.html index 4df6df0368..4f0bae9215 100644 --- a/docs/master/configuration/responsive.html +++ b/docs/master/configuration/responsive.html @@ -7,7 +7,7 @@ - + @@ -55,7 +55,7 @@ window.addEventListener('afterprint', () => { myChart.resize(); }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/subtitle.html b/docs/master/configuration/subtitle.html index 48251e359d..83d094a0bf 100644 --- a/docs/master/configuration/subtitle.html +++ b/docs/master/configuration/subtitle.html @@ -7,7 +7,7 @@ - + @@ -51,7 +51,7 @@ } } }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/title.html b/docs/master/configuration/title.html index 3f4c662763..1b8dc80558 100644 --- a/docs/master/configuration/title.html +++ b/docs/master/configuration/title.html @@ -7,7 +7,7 @@ - + @@ -67,7 +67,7 @@ } } }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/configuration/tooltip.html b/docs/master/configuration/tooltip.html index b94ac2c407..3a7aa0d774 100644 --- a/docs/master/configuration/tooltip.html +++ b/docs/master/configuration/tooltip.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Tooltip

# Tooltip Configuration

Namespace: options.plugins.tooltip, the global options for the chart tooltips is defined in Chart.defaults.plugins.tooltip.

Name Type Default Description
enabled boolean true Are on-canvas tooltips enabled?
external function null See external tooltip section.
mode string interaction.mode Sets which elements appear in the tooltip. more....
intersect boolean interaction.intersect If true, the tooltip mode applies only when the mouse position intersects with an element. If false, the mode will be applied at all times.
position string 'average' The mode for positioning the tooltip. more...
callbacks object See the callbacks section.
itemSort function Sort tooltip items. more...
filter function Filter tooltip items. more...
backgroundColor Color 'rgba(0, 0, 0, 0.8)' Background color of the tooltip.
titleColor Color '#fff' Color of title text.
titleFont Font {weight: 'bold'} See Fonts.
titleAlign string 'left' Horizontal alignment of the title text lines. more...
titleSpacing number 2 Spacing to add to top and bottom of each title line.
titleMarginBottom number 6 Margin to add on bottom of title section.
bodyColor Color '#fff' Color of body text.
bodyFont Font {} See Fonts.
bodyAlign string 'left' Horizontal alignment of the body text lines. more...
bodySpacing number 2 Spacing to add to top and bottom of each tooltip item.
footerColor Color '#fff' Color of footer text.
footerFont Font {weight: 'bold'} See Fonts.
footerAlign string 'left' Horizontal alignment of the footer text lines. more...
footerSpacing number 2 Spacing to add to top and bottom of each footer line.
footerMarginTop number 6 Margin to add before drawing the footer.
padding Padding 6 Padding inside the tooltip.
caretPadding number 2 Extra distance to move the end of the tooltip arrow away from the tooltip point.
caretSize number 5 Size, in px, of the tooltip arrow.
cornerRadius number|object 6 Radius of tooltip corner curves.
multiKeyBackground Color '#fff' Color to draw behind the colored boxes when multiple items are in the tooltip.
displayColors boolean true If true, color boxes are shown in the tooltip.
boxWidth number bodyFont.size Width of the color box if displayColors is true.
boxHeight number bodyFont.size Height of the color box if displayColors is true.
boxPadding number 1 Padding between the color box and the text.
usePointStyle boolean false Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight).
borderColor Color 'rgba(0, 0, 0, 0)' Color of the border.
borderWidth number 0 Size of the border.
rtl boolean true for rendering the tooltip from right to left.
textDirection string canvas' default This will force the text direction 'rtl' or 'ltr' on the canvas for rendering the tooltips, regardless of the css specified on the canvas
xAlign string undefined Position of the tooltip caret in the X direction. more
yAlign string undefined Position of the tooltip caret in the Y direction. more

Note

If you need more visual customizations, please use an HTML tooltip.

# Position Modes

Possible modes are:

  • 'average'
  • 'nearest'

'average' mode will place the tooltip at the average position of the items displayed in the tooltip. 'nearest' will place the tooltip at the position of the element closest to the event position.

You can also define custom position modes.

# Tooltip Alignment

The xAlign and yAlign options define the position of the tooltip caret. If these parameters are unset, the optimal caret position is determined.

The following values for the xAlign setting are supported.

  • 'left'
  • 'center'
  • 'right'

The following values for the yAlign setting are supported.

  • 'top'
  • 'center'
  • 'bottom'

# Text Alignment

The titleAlign, bodyAlign and footerAlign options define the horizontal position of the text lines with respect to the tooltip box. The following values are supported.

  • 'left' (default)
  • 'right'
  • 'center'

These options are only applied to text lines. Color boxes are always aligned to the left edge.

# Sort Callback

Allows sorting of tooltip items. Must implement at minimum a function that can be passed to Array.prototype.sort (opens new window). This function can also accept a third parameter that is the data object passed to the chart.

# Filter Callback

Allows filtering of tooltip items. Must implement at minimum a function that can be passed to Array.prototype.filter (opens new window). This function can also accept a fourth parameter that is the data object passed to the chart.

# Tooltip Callbacks

Namespace: options.plugins.tooltip.callbacks, the tooltip has the following callbacks for providing text. For all functions, this will be the tooltip object created from the Tooltip constructor. If the callback returns undefined, then the default callback will be used. To remove things from the tooltip callback should return an empty string.

Namespace: data.datasets[].tooltip.callbacks, items marked with Yes in the column Dataset override can be overridden per dataset.

A tooltip item context is generated for each item that appears in the tooltip. This is the primary model that the callback methods interact with. For functions that return text, arrays of strings are treated as multiple lines of text.

Name Arguments Return Type Dataset override Description
beforeTitle TooltipItem[] string | string[] | undefined Returns the text to render before the title.
title TooltipItem[] string | string[] | undefined Returns text to render as the title of the tooltip.
afterTitle TooltipItem[] string | string[] | undefined Returns text to render after the title.
beforeBody TooltipItem[] string | string[] | undefined Returns text to render before the body section.
beforeLabel TooltipItem string | string[] | undefined Yes Returns text to render before an individual label. This will be called for each item in the tooltip.
label TooltipItem string | string[] | undefined Yes Returns text to render for an individual item in the tooltip. more...
labelColor TooltipItem object | undefined Yes Returns the colors to render for the tooltip item. more...
labelTextColor TooltipItem Color | undefined Yes Returns the colors for the text of the label for the tooltip item.
labelPointStyle TooltipItem object | undefined Yes Returns the point style to use instead of color boxes if usePointStyle is true (object with values pointStyle and rotation). Default implementation uses the point style from the dataset points. more...
afterLabel TooltipItem string | string[] | undefined Yes Returns text to render after an individual label.
afterBody TooltipItem[] string | string[] | undefined Returns text to render after the body section.
beforeFooter TooltipItem[] string | string[] | undefined Returns text to render before the footer section.
footer TooltipItem[] string | string[] | undefined Returns text to render as the footer of the tooltip.
afterFooter TooltipItem[] string | string[] | undefined Text to render after the footer section.

# Label Callback

The label callback can change the text that displays for a given data point. A common example to show a unit. The example below puts a '$' before every row.

const chart = new Chart(ctx, {
+     (opens new window)    
 
# Tooltip
 
# Tooltip Configuration
 
Namespace: options.plugins.tooltip, the global options for the chart tooltips is defined in Chart.defaults.plugins.tooltip.
 
WARNING
 
The titleFont, bodyFont and footerFont options default to the Chart.defaults.font options. To change the overrides for those options, you will need to pass a function that returns a font object. See section about overriding default fonts for extra information below.
 
Name Type Default Description
 
enabled boolean true Are on-canvas tooltips enabled?
 
external function null See external tooltip section.
 
mode string interaction.mode Sets which elements appear in the tooltip. more....
 
intersect boolean interaction.intersect If true, the tooltip mode applies only when the mouse position intersects with an element. If false, the mode will be applied at all times.
 
position string 'average' The mode for positioning the tooltip. more...
 
callbacks object  See the callbacks section.
 
itemSort function  Sort tooltip items. more...
 
filter function  Filter tooltip items. more...
 
backgroundColor Color 'rgba(0, 0, 0, 0.8)' Background color of the tooltip.
 
titleColor Color '#fff' Color of title text.
 
titleFont Font {weight: 'bold'} See Fonts.
 
titleAlign string 'left' Horizontal alignment of the title text lines. more...
 
titleSpacing number 2 Spacing to add to top and bottom of each title line.
 
titleMarginBottom number 6 Margin to add on bottom of title section.
 
bodyColor Color '#fff' Color of body text.
 
bodyFont Font {} See Fonts.
 
bodyAlign string 'left' Horizontal alignment of the body text lines. more...
 
bodySpacing number 2 Spacing to add to top and bottom of each tooltip item.
 
footerColor Color '#fff' Color of footer text.
 
footerFont Font {weight: 'bold'} See Fonts.
 
footerAlign string 'left' Horizontal alignment of the footer text lines. more...
 
footerSpacing number 2 Spacing to add to top and bottom of each footer line.
 
footerMarginTop number 6 Margin to add before drawing the footer.
 
padding Padding 6 Padding inside the tooltip.
 
caretPadding number 2 Extra distance to move the end of the tooltip arrow away from the tooltip point.
 
caretSize number 5 Size, in px, of the tooltip arrow.
 
cornerRadius number|object 6 Radius of tooltip corner curves.
 
multiKeyBackground Color '#fff' Color to draw behind the colored boxes when multiple items are in the tooltip.
 
displayColors boolean true If true, color boxes are shown in the tooltip.
 
boxWidth number bodyFont.size Width of the color box if displayColors is true.
 
boxHeight number bodyFont.size Height of the color box if displayColors is true.
 
boxPadding number 1 Padding between the color box and the text.
 
usePointStyle boolean false Use the corresponding point style (from dataset options) instead of color boxes, ex: star, triangle etc. (size is based on the minimum value between boxWidth and boxHeight).
 
borderColor Color 'rgba(0, 0, 0, 0)' Color of the border.
 
borderWidth number 0 Size of the border.
 
rtl boolean  true for rendering the tooltip from right to left.
 
textDirection string canvas' default This will force the text direction 'rtl' or 'ltr' on the canvas for rendering the tooltips, regardless of the css specified on the canvas
 
xAlign string undefined Position of the tooltip caret in the X direction. more
 
yAlign string undefined Position of the tooltip caret in the Y direction. more
 
Note
 
If you need more visual customizations, please use an HTML tooltip.
 
# Position Modes
 
Possible modes are:
 
  • 'average'
    •  
  • 'nearest'
 
'average' mode will place the tooltip at the average position of the items displayed in the tooltip. 'nearest' will place the tooltip at the position of the element closest to the event position.
 
You can also define custom position modes.
 
# Tooltip Alignment
 
The xAlign and yAlign options define the position of the tooltip caret. If these parameters are unset, the optimal caret position is determined.
 
The following values for the xAlign setting are supported.
 
  • 'left'
    •  
  • 'center'
    •  
  • 'right'
 
The following values for the yAlign setting are supported.
 
  • 'top'
    •  
  • 'center'
    •  
  • 'bottom'
 
# Text Alignment
 
The titleAlign, bodyAlign and footerAlign options define the horizontal position of the text lines with respect to the tooltip box. The following values are supported.
 
  • 'left' (default)
    •  
  • 'right'
    •  
  • 'center'
 
These options are only applied to text lines. Color boxes are always aligned to the left edge.
 
# Sort Callback
 
Allows sorting of tooltip items. Must implement at minimum a function that can be passed to Array.prototype.sort (opens new window). This function can also accept a third parameter that is the data object passed to the chart.
 
# Filter Callback
 
Allows filtering of tooltip items. Must implement at minimum a function that can be passed to Array.prototype.filter (opens new window). This function can also accept a fourth parameter that is the data object passed to the chart.
 
# Tooltip Callbacks
 
Namespace: options.plugins.tooltip.callbacks, the tooltip has the following callbacks for providing text. For all functions, this will be the tooltip object created from the Tooltip constructor. If the callback returns undefined, then the default callback will be used. To remove things from the tooltip callback should return an empty string.
 
Namespace: data.datasets[].tooltip.callbacks, items marked with Yes in the column Dataset override can be overridden per dataset.
 
A tooltip item context is generated for each item that appears in the tooltip. This is the primary model that the callback methods interact with. For functions that return text, arrays of strings are treated as multiple lines of text.
 
Name Arguments Return Type Dataset override Description
 
beforeTitle TooltipItem[] string | string[] | undefined  Returns the text to render before the title.
 
title TooltipItem[] string | string[] | undefined  Returns text to render as the title of the tooltip.
 
afterTitle TooltipItem[] string | string[] | undefined  Returns text to render after the title.
 
beforeBody TooltipItem[] string | string[] | undefined  Returns text to render before the body section.
 
beforeLabel TooltipItem string | string[] | undefined Yes Returns text to render before an individual label. This will be called for each item in the tooltip.
 
label TooltipItem string | string[] | undefined Yes Returns text to render for an individual item in the tooltip. more...
 
labelColor TooltipItem object | undefined Yes Returns the colors to render for the tooltip item. more...
 
labelTextColor TooltipItem Color | undefined Yes Returns the colors for the text of the label for the tooltip item.
 
labelPointStyle TooltipItem object | undefined Yes Returns the point style to use instead of color boxes if usePointStyle is true (object with values pointStyle and rotation). Default implementation uses the point style from the dataset points. more...
 
afterLabel TooltipItem string | string[] | undefined Yes Returns text to render after an individual label.
 
afterBody TooltipItem[] string | string[] | undefined  Returns text to render after the body section.
 
beforeFooter TooltipItem[] string | string[] | undefined  Returns text to render before the footer section.
 
footer TooltipItem[] string | string[] | undefined  Returns text to render as the footer of the tooltip.
 
afterFooter TooltipItem[] string | string[] | undefined  Text to render after the footer section.
 
# Label Callback
 
The label callback can change the text that displays for a given data point. A common example to show a unit. The example below puts a '$' before every row.
 
const chart = new Chart(ctx, {
     type: 'line',
     data: data,
     options: {
@@ -254,7 +254,7 @@
     };
 };
 // Then, to use it...
-new Chart.js(ctx, {
+new Chart(ctx, {
     data,
     options: {
         plugins: {
@@ -269,7 +269,10 @@
     myCustomPositioner: TooltipPositionerFunction<ChartType>;
   }
 }
-
 
 
Last Updated: 11/21/2024, 8:47:09 PM
 

+

# Default font overrides

By default, the titleFont, bodyFont and footerFont listen to the Chart.defaults.font options for setting its values. +Overriding these normally by accessing the object won't work because it is backed by a get function that looks to the default font namespace. +So you will need to override this get function with your own function that returns the desired config.

Example:

Chart.defaults.plugins.tooltip.titleFont = () => ({ size: 20, lineHeight: 1.2, weight: 800 });
+
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/api.html b/docs/master/developers/api.html index 7bd093ba96..224238df11 100644 --- a/docs/master/developers/api.html +++ b/docs/master/developers/api.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@

# Static: getChart(key)

Finds the chart instance from the given key. If the key is a string, it is interpreted as the ID of the Canvas node for the Chart. The key can also be a CanvasRenderingContext2D or an HTMLDOMElement. This will return undefined if no Chart is found. To be found, the chart must have previously been created.

const chart = Chart.getChart("canvas-id");

# Static: register(chartComponentLike)

Used to register plugins, axis types or chart types globally to all your charts.

import { Chart, Tooltip, LinearScale, PointElement, BubbleController } from 'chart.js';
 Chart.register(Tooltip, LinearScale, PointElement, BubbleController);
-

# Static: unregister(chartComponentLike)

Used to unregister plugins, axis types or chart types globally from all your charts.

Last Updated: 11/21/2024, 8:47:09 PM

+

# Static: unregister(chartComponentLike)

Used to unregister plugins, axis types or chart types globally from all your charts.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/axes.html b/docs/master/developers/axes.html index b5461efd83..d43e770566 100644 --- a/docs/master/developers/axes.html +++ b/docs/master/developers/axes.html @@ -7,7 +7,7 @@ - + @@ -120,7 +120,7 @@ // Returns the scale tick objects ({label, major}) getTicks: function() {} } -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/charts.html b/docs/master/developers/charts.html index 593207c0c7..0e5cd9c1a7 100644 --- a/docs/master/developers/charts.html +++ b/docs/master/developers/charts.html @@ -7,7 +7,7 @@ - + @@ -114,7 +114,7 @@ derivedBubble: ChartTypeRegistry['bubble'] } } -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/contributing.html b/docs/master/developers/contributing.html index 8a3c81a28b..05ebae236b 100644 --- a/docs/master/developers/contributing.html +++ b/docs/master/developers/contributing.html @@ -7,7 +7,7 @@ - + @@ -46,7 +46,7 @@ > pnpm run lint // perform code linting (ESLint, tsc) > pnpm test // perform code linting and run unit tests with coverage

pnpm run dev and pnpm test can be appended with a string that is used to match the spec filenames. For example: pnpm run dev plugins will start karma in watch mode for test/specs/**/*plugin*.js.

# Documentation

We use Vuepress (opens new window) to manage the docs which are contained as Markdown files in the docs directory. You can run the doc server locally using these commands:

> pnpm run docs:dev
-

# Image-Based Tests

Some display-related functionality is difficult to test via typical Jasmine units. For this reason, we introduced image-based tests (#3988 (opens new window) and #5777 (opens new window)) to assert that a chart is drawn pixel-for-pixel matching an expected image.

Generated charts in image-based tests should be as minimal as possible and focus only on the tested feature to prevent failure if another feature breaks (e.g. disable the title and legend when testing scales).

You can create a new image-based test by following the steps below:

  • Create a JS file (example (opens new window)) or JSON file (example (opens new window)) that defines chart config and generation options.
  • Add this file in test/fixtures/{spec.name}/{feature-name}.json.
  • Add a describe line (opens new window) to the beginning of test/specs/{spec.name}.tests.js if it doesn't exist yet.
  • Run pnpm run dev.
  • Click the "Debug" button (top/right): a test should fail with the associated canvas visible.
  • Right-click on the chart and "Save image as..." test/fixtures/{spec.name}/{feature-name}.png making sure not to activate the tooltip or any hover functionality
  • Refresh the browser page (CTRL+R): test should now pass
  • Verify test relevancy by changing the feature values slightly in the JSON file.

Tests should pass in both browsers. In general, we've hidden all text in image tests since it's quite difficult to get them to pass between different browsers. As a result, it is recommended to hide all scales in image-based tests. It is also recommended to disable animations. If tests still do not pass, adjust tolerance and/or threshold (opens new window) at the beginning of the JSON file keeping them as low as possible.

When a test fails, the expected and actual images are shown. If you'd like to see the images even when the tests pass, set "debug": true in the JSON file.

# Bugs and Issues

Please report these on the GitHub page - at github.com/chartjs/Chart.js. Please do not use issues for support requests. For help using Chart.js, please take a look at the chart.js (opens new window) tag on Stack Overflow.

Well-structured, detailed bug reports are hugely valuable for the project.

Guidelines for reporting bugs:

Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.

Last Updated: 11/21/2024, 8:47:09 PM

+

# Image-Based Tests

Some display-related functionality is difficult to test via typical Jasmine units. For this reason, we introduced image-based tests (#3988 (opens new window) and #5777 (opens new window)) to assert that a chart is drawn pixel-for-pixel matching an expected image.

Generated charts in image-based tests should be as minimal as possible and focus only on the tested feature to prevent failure if another feature breaks (e.g. disable the title and legend when testing scales).

You can create a new image-based test by following the steps below:

  • Create a JS file (example (opens new window)) or JSON file (example (opens new window)) that defines chart config and generation options.
  • Add this file in test/fixtures/{spec.name}/{feature-name}.json.
  • Add a describe line (opens new window) to the beginning of test/specs/{spec.name}.tests.js if it doesn't exist yet.
  • Run pnpm run dev.
  • Click the "Debug" button (top/right): a test should fail with the associated canvas visible.
  • Right-click on the chart and "Save image as..." test/fixtures/{spec.name}/{feature-name}.png making sure not to activate the tooltip or any hover functionality
  • Refresh the browser page (CTRL+R): test should now pass
  • Verify test relevancy by changing the feature values slightly in the JSON file.

Tests should pass in both browsers. In general, we've hidden all text in image tests since it's quite difficult to get them to pass between different browsers. As a result, it is recommended to hide all scales in image-based tests. It is also recommended to disable animations. If tests still do not pass, adjust tolerance and/or threshold (opens new window) at the beginning of the JSON file keeping them as low as possible.

When a test fails, the expected and actual images are shown. If you'd like to see the images even when the tests pass, set "debug": true in the JSON file.

# Bugs and Issues

Please report these on the GitHub page - at github.com/chartjs/Chart.js. Please do not use issues for support requests. For help using Chart.js, please take a look at the chart.js (opens new window) tag on Stack Overflow.

Well-structured, detailed bug reports are hugely valuable for the project.

Guidelines for reporting bugs:

Please provide any additional details associated with the bug, if it's browser or screen density specific, or only happens with a certain configuration or data.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/index.html b/docs/master/developers/index.html index d8d3244960..bd622df81a 100644 --- a/docs/master/developers/index.html +++ b/docs/master/developers/index.html @@ -7,7 +7,7 @@ - + @@ -39,7 +39,7 @@ Stack Overflow (opens new window) GitHub - (opens new window)

# Developers

Developer features allow extending and enhancing Chart.js in many different ways.

# Latest resources

The latest documentation and samples, including unreleased features, are available at:

# Development releases

Latest builds are available for testing at:

Warning

Development builds must not be used for production purposes or as replacement for a CDN. See available CDNs.

# Browser support

All modern and up-to-date browsers are supported, including, but not limited to:

  • Chrome
  • Edge
  • Firefox
  • Safari

As of version 3, we have dropped Internet Explorer 11 support.

Browser support for the canvas element is available in all modern & major mobile browsers. CanIUse (opens new window)

Run npx browserslist at the root of the codebase (opens new window) to get a list of supported browsers.

Thanks to BrowserStack (opens new window) for allowing our team to test on thousands of browsers.

# Previous versions

To migrate from version 2 to version 3, please see the v3 migration guide.

Version 3 has a largely different API than earlier versions.

Most earlier version options have current equivalents or are the same.

Please note - documentation for previous versions is available online or in the GitHub repo.

Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

# Developers

Developer features allow extending and enhancing Chart.js in many different ways.

# Latest resources

The latest documentation and samples, including unreleased features, are available at:

# Development releases

Latest builds are available for testing at:

Warning

Development builds must not be used for production purposes or as replacement for a CDN. See available CDNs.

# Browser support

All modern and up-to-date browsers are supported, including, but not limited to:

  • Chrome
  • Edge
  • Firefox
  • Safari

As of version 3, we have dropped Internet Explorer 11 support.

Browser support for the canvas element is available in all modern & major mobile browsers. CanIUse (opens new window)

Run npx browserslist at the root of the codebase (opens new window) to get a list of supported browsers.

Thanks to BrowserStack (opens new window) for allowing our team to test on thousands of browsers.

# Previous versions

To migrate from version 2 to version 3, please see the v3 migration guide.

Version 3 has a largely different API than earlier versions.

Most earlier version options have current equivalents or are the same.

Please note - documentation for previous versions is available online or in the GitHub repo.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/plugins.html b/docs/master/developers/plugins.html index 1fd9bf01ef..21f1d18a0e 100644 --- a/docs/master/developers/plugins.html +++ b/docs/master/developers/plugins.html @@ -7,7 +7,7 @@ - + @@ -113,7 +113,7 @@ } } } -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/publishing.html b/docs/master/developers/publishing.html index 5db7184527..b345eed324 100644 --- a/docs/master/developers/publishing.html +++ b/docs/master/developers/publishing.html @@ -7,7 +7,7 @@ - + @@ -50,7 +50,7 @@ } } }; -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/developers/updates.html b/docs/master/developers/updates.html index 68cdc6cf01..8d5d4ba3af 100644 --- a/docs/master/developers/updates.html +++ b/docs/master/developers/updates.html @@ -7,7 +7,7 @@ - + @@ -102,7 +102,7 @@ chart.update(); }

Code sample for updating options can be found in line-datasets.html (opens new window).

# Preventing Animations

Sometimes when a chart updates, you may not want an animation. To achieve this you can call update with 'none' as mode.

myChart.update('none');
-
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/general/accessibility.html b/docs/master/general/accessibility.html index 37e54108c6..42064109f8 100644 --- a/docs/master/general/accessibility.html +++ b/docs/master/general/accessibility.html @@ -7,7 +7,7 @@ - + @@ -45,7 +45,7 @@ </canvas>

These are some bad examples of inaccessible canvas elements.

This canvas element does not have an accessible name or role.

<canvas id="badCanvas1" width="400" height="100"></canvas>

This canvas element has inaccessible fallback content.

<canvas id="badCanvas2" width="400" height="100">Your browser does not support the canvas element.</canvas>
-
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/general/colors.html b/docs/master/general/colors.html index 2cff5d8e79..abaa70e317 100644 --- a/docs/master/general/colors.html +++ b/docs/master/general/colors.html @@ -7,7 +7,7 @@ - + @@ -103,7 +103,7 @@ }], labels: ['Red', 'Blue', 'Purple', 'Yellow'] }; -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/general/data-structures.html b/docs/master/general/data-structures.html index f893e69aba..9232235b67 100644 --- a/docs/master/general/data-structures.html +++ b/docs/master/general/data-structures.html @@ -7,7 +7,7 @@ - + @@ -161,7 +161,7 @@ } }], }; -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/general/fonts.html b/docs/master/general/fonts.html index e483d24710..6499589e48 100644 --- a/docs/master/general/fonts.html +++ b/docs/master/general/fonts.html @@ -7,7 +7,7 @@ - + @@ -56,7 +56,7 @@ } } }); -
Name Type Default Description
family string "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" Default font family for all text, follows CSS font-family options.
size number 12 Default font size (in px) for text. Does not apply to radialLinear scale point labels.
style string 'normal' Default font style. Does not apply to tooltip title or footer. Does not apply to chart title. Follows CSS font-style options (i.e. normal, italic, oblique, initial, inherit).
weight normal | bold | lighter | bolder | number undefined Default font weight (boldness). (see MDN (opens new window)).
lineHeight number|string 1.2 Height of an individual line of text (see MDN (opens new window)).

# Missing Fonts

If a font is specified for a chart that does exist on the system, the browser will not apply the font when it is set. If you notice odd fonts appearing in your charts, check that the font you are applying exists on your system. See issue 3318 (opens new window) for more details.

# Loading Fonts

If a font is not cached and needs to be loaded, charts that use the font will need to be updated once the font is loaded. This can be accomplished using the Font Loading APIs (opens new window). See issue 8020 (opens new window) for more details.

Last Updated: 11/21/2024, 8:47:09 PM

+

Name Type Default Description
family string "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" Default font family for all text, follows CSS font-family options.
size number 12 Default font size (in px) for text. Does not apply to radialLinear scale point labels.
style string 'normal' Default font style. Does not apply to tooltip title or footer. Does not apply to chart title. Follows CSS font-style options (i.e. normal, italic, oblique, initial, inherit).
weight normal | bold | lighter | bolder | number undefined Default font weight (boldness). (see MDN (opens new window)).
lineHeight number|string 1.2 Height of an individual line of text (see MDN (opens new window)).

# Missing Fonts

If a font is specified for a chart that does exist on the system, the browser will not apply the font when it is set. If you notice odd fonts appearing in your charts, check that the font you are applying exists on your system. See issue 3318 (opens new window) for more details.

# Loading Fonts

If a font is not cached and needs to be loaded, charts that use the font will need to be updated once the font is loaded. This can be accomplished using the Font Loading APIs (opens new window). See issue 8020 (opens new window) for more details.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/general/options.html b/docs/master/general/options.html index 82706553fb..651be6cc90 100644 --- a/docs/master/general/options.html +++ b/docs/master/general/options.html @@ -7,7 +7,7 @@ - + @@ -59,7 +59,7 @@ //... ]

# Option Context

The option context is used to give contextual information when resolving options and currently only applies to scriptable options. -The object is preserved, so it can be used to store and pass information between calls.

There are multiple levels of context objects:

  • chart
    • dataset
      • data
    • scale
      • tick
      • pointLabel (only used in the radial linear scale)
    • tooltip

Each level inherits its parent(s) and any contextual information stored in the parent is available through the child.

The context object contains the following properties:

# chart

  • chart: the associated chart
  • type: 'chart'

# dataset

In addition to chart

  • active: true if an element is active (hovered)
  • dataset: dataset at index datasetIndex
  • datasetIndex: index of the current dataset
  • index: same as datasetIndex
  • mode: the update mode
  • type: 'dataset'

# data

In addition to dataset

  • active: true if an element is active (hovered)
  • dataIndex: index of the current data
  • parsed: the parsed data values for the given dataIndex and datasetIndex
  • raw: the raw data values for the given dataIndex and datasetIndex
  • element: the element (point, arc, bar, etc.) for this data
  • index: same as dataIndex
  • type: 'data'

# scale

In addition to chart

  • scale: the associated scale
  • type: 'scale'

# tick

In addition to scale

  • tick: the associated tick object
  • index: tick index
  • type: 'tick'

# pointLabel

In addition to scale

  • label: the associated label value
  • index: label index
  • type: 'pointLabel'

# tooltip

In addition to chart

  • tooltip: the tooltip object
  • tooltipItems: the items the tooltip is displaying
Last Updated: 11/21/2024, 8:47:09 PM

+The object is preserved, so it can be used to store and pass information between calls.

There are multiple levels of context objects:

  • chart
    • dataset
      • data
    • scale
      • tick
      • pointLabel (only used in the radial linear scale)
    • tooltip

Each level inherits its parent(s) and any contextual information stored in the parent is available through the child.

The context object contains the following properties:

# chart

  • chart: the associated chart
  • type: 'chart'

# dataset

In addition to chart

  • active: true if an element is active (hovered)
  • dataset: dataset at index datasetIndex
  • datasetIndex: index of the current dataset
  • index: same as datasetIndex
  • mode: the update mode
  • type: 'dataset'

# data

In addition to dataset

  • active: true if an element is active (hovered)
  • dataIndex: index of the current data
  • parsed: the parsed data values for the given dataIndex and datasetIndex
  • raw: the raw data values for the given dataIndex and datasetIndex
  • element: the element (point, arc, bar, etc.) for this data
  • index: same as dataIndex
  • type: 'data'

# scale

In addition to chart

  • scale: the associated scale
  • type: 'scale'

# tick

In addition to scale

  • tick: the associated tick object
  • index: tick index
  • type: 'tick'

# pointLabel

In addition to scale

  • label: the associated label value
  • index: label index
  • type: 'pointLabel'

# tooltip

In addition to chart

  • tooltip: the tooltip object
  • tooltipItems: the items the tooltip is displaying
Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/general/padding.html b/docs/master/general/padding.html index ab160aa5f6..b992628a27 100644 --- a/docs/master/general/padding.html +++ b/docs/master/general/padding.html @@ -7,7 +7,7 @@ - + @@ -75,7 +75,7 @@ } } }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/general/performance.html b/docs/master/general/performance.html index fa6bc2b7fe..0b6aae8216 100644 --- a/docs/master/general/performance.html +++ b/docs/master/general/performance.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ } });

# When transpiling with Babel, consider using loose mode

Babel 7.9 changed the way classes are constructed. It is slow, unless used with loose mode. -More information (opens new window)

Last Updated: 11/21/2024, 8:47:09 PM

+More information (opens new window)

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/getting-started/index.html b/docs/master/getting-started/index.html index 55807ab649..473e93f939 100644 --- a/docs/master/getting-started/index.html +++ b/docs/master/getting-started/index.html @@ -7,7 +7,7 @@ - + @@ -89,7 +89,7 @@ } }); </script> -

You can see all the ways to use Chart.js in the step-by-step guide.

Last Updated: 11/21/2024, 8:47:09 PM

+

You can see all the ways to use Chart.js in the step-by-step guide.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/getting-started/installation.html b/docs/master/getting-started/installation.html index d3abbc7ed5..6fe636dd17 100644 --- a/docs/master/getting-started/installation.html +++ b/docs/master/getting-started/installation.html @@ -7,7 +7,7 @@ - + @@ -40,7 +40,7 @@ (opens new window) GitHub (opens new window)

# Installation

# npm

npm (opens new window) npm (opens new window)

npm install chart.js
-

# CDN

# CDNJS

cdnjs (opens new window)

Chart.js built files are available on CDNJS (opens new window):

https://cdnjs.com/libraries/Chart.js (opens new window)

# jsDelivr

jsdelivr (opens new window) jsdelivr hits (opens new window)

Chart.js built files are also available through jsDelivr (opens new window):

https://www.jsdelivr.com/package/npm/chart.js?path=dist (opens new window)

# GitHub

github (opens new window)

You can download the latest version of Chart.js on GitHub (opens new window).

If you download or clone the repository, you must build Chart.js to generate the dist files. Chart.js no longer comes with prebuilt release versions, so an alternative option to downloading the repo is strongly advised.

Last Updated: 11/21/2024, 8:47:09 PM

+

# CDN

# CDNJS

cdnjs (opens new window)

Chart.js built files are available on CDNJS (opens new window):

https://cdnjs.com/libraries/Chart.js (opens new window)

# jsDelivr

jsdelivr (opens new window) jsdelivr hits (opens new window)

Chart.js built files are also available through jsDelivr (opens new window):

https://www.jsdelivr.com/package/npm/chart.js?path=dist (opens new window)

# GitHub

github (opens new window)

You can download the latest version of Chart.js on GitHub (opens new window).

If you download or clone the repository, you must build Chart.js to generate the dist files. Chart.js no longer comes with prebuilt release versions, so an alternative option to downloading the repo is strongly advised.

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/getting-started/integration.html b/docs/master/getting-started/integration.html index 60325a09c1..11c2885b0f 100644 --- a/docs/master/getting-started/integration.html +++ b/docs/master/getting-started/integration.html @@ -7,7 +7,7 @@ - + @@ -77,7 +77,7 @@ }); }); }); -
Last Updated: 11/21/2024, 8:47:09 PM

+

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/getting-started/usage.html b/docs/master/getting-started/usage.html index f2f341bd85..923da434e3 100644 --- a/docs/master/getting-started/usage.html +++ b/docs/master/getting-started/usage.html @@ -7,7 +7,7 @@ - + @@ -381,7 +381,7 @@ dist/index.5888047.js 208.66 KB 1.23s dist/index.dcb2e865.js 932 B 58ms ✨ Done in 0.51s. -

By importing and registering only select components, we’ve removed more than 56 KB of unnecessary code. Given that other dependencies take ~50 KB in the bundle, tree-shaking helps remove ~25% of Chart.js code from the bundle for our example application.

# Next steps

Now you’re familiar with all major concepts of Chart.js: chart types and elements, datasets, customization, plugins, components, and tree-shaking.

Feel free to review many examples of charts in the documentation and check the awesome list (opens new window) of Chart.js plugins and additional chart types as well as framework integrations (opens new window) (e.g., React, Vue, Svelte, etc.). Also, don’t hesitate to join Chart.js Discord (opens new window) and follow Chart.js on Twitter (opens new window).

Have fun and good luck building with Chart.js!

Last Updated: 11/21/2024, 8:47:09 PM

+

By importing and registering only select components, we’ve removed more than 56 KB of unnecessary code. Given that other dependencies take ~50 KB in the bundle, tree-shaking helps remove ~25% of Chart.js code from the bundle for our example application.

# Next steps

Now you’re familiar with all major concepts of Chart.js: chart types and elements, datasets, customization, plugins, components, and tree-shaking.

Feel free to review many examples of charts in the documentation and check the awesome list (opens new window) of Chart.js plugins and additional chart types as well as framework integrations (opens new window) (e.g., React, Vue, Svelte, etc.). Also, don’t hesitate to join Chart.js Discord (opens new window) and follow Chart.js on Twitter (opens new window).

Have fun and good luck building with Chart.js!

Last Updated: 12/1/2024, 9:49:55 AM

← →

- + diff --git a/docs/master/index.html b/docs/master/index.html index d22f6e222f..46057748fb 100644 --- a/docs/master/index.html +++ b/docs/master/index.html @@ -7,7 +7,7 @@ - + @@ -39,11 +39,11 @@ Stack Overflow (opens new window) GitHub - (opens new window)
  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Chart.js

Welcome to Chart.js!

# Why Chart.js

Among many charting libraries (opens new window) for JavaScript application developers, Chart.js is currently the most popular one according to GitHub stars (opens new window) (~60,000) and npm downloads (opens new window) (~2,400,000 weekly).

Chart.js was created and announced (opens new window) in 2013 but has come a long way since then. It’s open-source, licensed under the very permissive MIT license (opens new window), and maintained by an active community.

# Features

Chart.js provides a set of frequently used chart types, plugins, and customization options. In addition to a reasonable set of built-in chart types, you can use additional community-maintained chart types (opens new window). On top of that, it’s possible to combine several chart types into a mixed chart (essentially, blending multiple chart types into one on the same canvas).

Chart.js is highly customizable with custom plugins (opens new window) to create annotations, zoom, or drag-and-drop functionalities to name a few things.

# Defaults

Chart.js comes with a sound default configuration, making it very easy to start with and get an app that is ready for production. Chances are you will get a very appealing chart even if you don’t specify any options at all. For instance, Chart.js has animations turned on by default, so you can instantly bring attention to the story you’re telling with the data.

# Integrations

Chart.js comes with built-in TypeScript typings and is compatible with all popular JavaScript frameworks (opens new window) including React (opens new window), Vue (opens new window), Svelte (opens new window), and Angular (opens new window). You can use Chart.js directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.

# Developer experience

Chart.js has very thorough documentation (yes, you're reading it), API reference, and examples. Maintainers and community members eagerly engage in conversations on Discord (opens new window), GitHub Discussions (opens new window), and Stack Overflow (opens new window) where more than 11,000 questions are tagged with chart.js.

# Canvas rendering

Chart.js renders chart elements on an HTML5 canvas unlike several others, mostly D3.js-based, charting libraries that render as SVG. Canvas rendering makes Chart.js very performant, especially for large datasets and complex visualizations that would otherwise require thousands of SVG nodes in the DOM tree. At the same time, canvas rendering disallows CSS styling, so you will have to use built-in options for that, or create a custom plugin or chart type to render everything to your liking.

# Performance

Chart.js is very well suited for large datasets. Such datasets can be efficiently ingested using the internal format, so you can skip data parsing and normalization. Alternatively, data decimation can be configured to sample the dataset and reduce its size before rendering.

In the end, the canvas rendering that Chart.js uses reduces the toll on your DOM tree in comparison to SVG rendering. Also, tree-shaking support allows you to include minimal parts of Chart.js code in your bundle, reducing bundle size and page load time.

# Community

Chart.js is actively developed (opens new window) and maintained by the community. With minor releases (opens new window) on an approximately bi-monthly basis and major releases with breaking changes every couple of years, Chart.js keeps the balance between adding new features and making it a hassle to keep up with them.

Last Updated: 11/21/2024, 8:47:09 PM

+ (opens new window)

  • Chart.js

  • Getting Started

  • General

  • Configuration

  • Chart Types

  • Axes

  • Developers

  • Migration

# Chart.js

Welcome to Chart.js!

# Why Chart.js

Among many charting libraries (opens new window) for JavaScript application developers, Chart.js is currently the most popular one according to GitHub stars (opens new window) (~60,000) and npm downloads (opens new window) (~2,400,000 weekly).

Chart.js was created and announced (opens new window) in 2013 but has come a long way since then. It’s open-source, licensed under the very permissive MIT license (opens new window), and maintained by an active community.

# Features

Chart.js provides a set of frequently used chart types, plugins, and customization options. In addition to a reasonable set of built-in chart types, you can use additional community-maintained chart types (opens new window). On top of that, it’s possible to combine several chart types into a mixed chart (essentially, blending multiple chart types into one on the same canvas).

Chart.js is highly customizable with custom plugins (opens new window) to create annotations, zoom, or drag-and-drop functionalities to name a few things.

# Defaults

Chart.js comes with a sound default configuration, making it very easy to start with and get an app that is ready for production. Chances are you will get a very appealing chart even if you don’t specify any options at all. For instance, Chart.js has animations turned on by default, so you can instantly bring attention to the story you’re telling with the data.

# Integrations

Chart.js comes with built-in TypeScript typings and is compatible with all popular JavaScript frameworks (opens new window) including React (opens new window), Vue (opens new window), Svelte (opens new window), and Angular (opens new window). You can use Chart.js directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.

# Developer experience

Chart.js has very thorough documentation (yes, you're reading it), API reference, and examples. Maintainers and community members eagerly engage in conversations on Discord (opens new window), GitHub Discussions (opens new window), and Stack Overflow (opens new window) where more than 11,000 questions are tagged with chart.js.

# Canvas rendering

Chart.js renders chart elements on an HTML5 canvas unlike several others, mostly D3.js-based, charting libraries that render as SVG. Canvas rendering makes Chart.js very performant, especially for large datasets and complex visualizations that would otherwise require thousands of SVG nodes in the DOM tree. At the same time, canvas rendering disallows CSS styling, so you will have to use built-in options for that, or create a custom plugin or chart type to render everything to your liking.

# Performance

Chart.js is very well suited for large datasets. Such datasets can be efficiently ingested using the internal format, so you can skip data parsing and normalization. Alternatively, data decimation can be configured to sample the dataset and reduce its size before rendering.

In the end, the canvas rendering that Chart.js uses reduces the toll on your DOM tree in comparison to SVG rendering. Also, tree-shaking support allows you to include minimal parts of Chart.js code in your bundle, reducing bundle size and page load time.

# Community

Chart.js is actively developed (opens new window) and maintained by the community. With minor releases (opens new window) on an approximately bi-monthly basis and major releases with breaking changes every couple of years, Chart.js keeps the balance between adding new features and making it a hassle to keep up with them.

Last Updated: 12/1/2024, 9:49:55 AM

Getting Started →

- + diff --git a/docs/master/migration/v3-migration.html b/docs/master/migration/v3-migration.html index ed92896cd9..b4b23120a4 100644 --- a/docs/master/migration/v3-migration.html +++ b/docs/master/migration/v3-migration.html @@ -7,7 +7,7 @@ - + @@ -130,11 +130,11 @@ }
  • The time scale option distribution: 'series' was removed and a new scale type timeseries was introduced in its place
  • In the time scale, autoSkip is now enabled by default for consistency with the other scales

# Animations

Animation system was completely rewritten in Chart.js v3. Each property can now be animated separately. Please see animations docs for details.

# Customizability

  • custom attribute of elements was removed. Please use scriptable options
  • The hover property of scriptable options context object was renamed to active to align it with the datalabels plugin.

# Interactions

  • To allow DRY configuration, a root options scope for common interaction options was added. options.hover and options.plugins.tooltip now both extend from options.interaction. Defaults are defined at defaults.interaction level, so by default hover and tooltip interactions share the same mode etc.
  • interactions are now limited to the chart area + allowed overflow
  • {mode: 'label'} was replaced with {mode: 'index'}
  • {mode: 'single'} was replaced with {mode: 'nearest', intersect: true}
  • modes['X-axis'] was replaced with {mode: 'index', intersect: false}
  • options.onClick is now limited to the chart area
  • options.onClick and options.onHover now receive the chart instance as a 3rd argument
  • options.onHover now receives a wrapped event as the first parameter. The previous first parameter value is accessible via event.native.
  • options.hover.onHover was removed, use options.onHover.

# Ticks

  • options.gridLines was renamed to options.grid
  • options.gridLines.offsetGridLines was renamed to options.grid.offset.
  • options.gridLines.tickMarkLength was renamed to options.grid.tickLength.
  • options.ticks.fixedStepSize is no longer used. Use options.ticks.stepSize.
  • options.ticks.major and options.ticks.minor were replaced with scriptable options for tick fonts.
  • Chart.Ticks.formatters.linear was renamed to Chart.Ticks.formatters.numeric.
  • options.ticks.backdropPaddingX and options.ticks.backdropPaddingY were replaced with options.ticks.backdropPadding in the radial linear scale.

# Tooltip

  • xLabel and yLabel were removed. Please use label and formattedValue
  • The filter option will now be passed additional parameters when called and should have the method signature function(tooltipItem, index, tooltipItems, data)
  • The custom callback now takes a context object that has tooltip and chart properties
  • All properties of tooltip model related to the tooltip options have been moved to reside within the options property.
  • The callbacks no longer are given a data parameter. The tooltip item parameter contains the chart and dataset instead
  • The tooltip item's index parameter was renamed to dataIndex and value was renamed to formattedValue
  • The xPadding and yPadding options were merged into a single padding object

# Developer migration

While the end-user migration for Chart.js 3 is fairly straight-forward, the developer migration can be more complicated. Please reach out for help in the #dev Discord (opens new window) channel if tips on migrating would be helpful.

Some of the biggest things that have changed:

  • There is a completely rewritten and more performant animation system.
    • Element._model and Element._view are no longer used and properties are now set directly on the elements. You will have to use the method getProps to access these properties inside most methods such as inXRange/inYRange and getCenterPoint. Please take a look at the Chart.js-provided elements (opens new window) for examples.
    • When building the elements in a controller, it's now suggested to call updateElement to provide the element properties. There are also methods such as getSharedOptions and includeOptions that have been added to skip redundant computation. Please take a look at the Chart.js-provided controllers (opens new window) for examples.
  • Scales introduced a new parsing API. This API takes user data and converts it into a more standard format. E.g. it allows users to provide numeric data as a string and converts it to a number where necessary. Previously this was done on the fly as charts were rendered. Now it's done up front with the ability to skip it for better performance if users provide data in the correct format. If you're using standard data format like x/y you may not need to do anything. If you're using a custom data format you will have to override some of the parse methods in core.datasetController.js. An example can be found in chartjs-chart-financial (opens new window), which uses an {o, h, l, c} data format.

A few changes were made to controllers that are more straight-forward, but will affect all controllers:

  • Options: -
    • global was removed from the defaults namespace as it was unnecessary and sometimes inconsistent
    • Dataset defaults are now under the chart type options instead of vice-versa. This was not able to be done when introduced in 2.x for backwards compatibility. Fixing it removes the biggest stumbling block that new chart developers encountered
    • Scale default options need to be updated as described in the end user migration section (e.g. x instead of xAxes and y instead of yAxes)
  • updateElement was changed to updateElements and has a new method signature as described below. This provides performance enhancements such as allowing easier reuse of computations that are common to all elements and reducing the number of function calls

# Removed

The following properties and methods were removed:

# Removed from Chart

  • Chart.animationService
  • Chart.active
  • Chart.borderWidth
  • Chart.chart.chart
  • Chart.Bar. New charts are created via new Chart and providing the appropriate type parameter
  • Chart.Bubble. New charts are created via new Chart and providing the appropriate type parameter
  • Chart.Chart
  • Chart.Controller
  • Chart.Doughnut. New charts are created via new Chart and providing the appropriate type parameter
  • Chart.innerRadius now lives on doughnut, pie, and polarArea controllers
  • Chart.lastActive
  • Chart.Legend was moved to Chart.plugins.legend._element and made private
  • Chart.Line. New charts are created via new Chart and providing the appropriate type parameter
  • Chart.LinearScaleBase now must be imported and cannot be accessed off the Chart object
  • Chart.offsetX
  • Chart.offsetY
  • Chart.outerRadius now lives on doughnut, pie, and polarArea controllers
  • Chart.plugins was replaced with Chart.registry. Plugin defaults are now in Chart.defaults.plugins[id].
  • Chart.plugins.register was replaced by Chart.register.
  • Chart.PolarArea. New charts are created via new Chart and providing the appropriate type parameter
  • Chart.prototype.generateLegend
  • Chart.platform. It only contained disableCSSInjection. CSS is never injected in v3.
  • Chart.PluginBase
  • Chart.Radar. New charts are created via new Chart and providing the appropriate type parameter
  • Chart.radiusLength
  • Chart.scaleService was replaced with Chart.registry. Scale defaults are now in Chart.defaults.scales[type].
  • Chart.Scatter. New charts are created via new Chart and providing the appropriate type parameter
  • Chart.types
  • Chart.Title was moved to Chart.plugins.title._element and made private
  • Chart.Tooltip is now provided by the tooltip plugin. The positioners can be accessed from tooltipPlugin.positioners
  • ILayoutItem.minSize

# Removed from Dataset Controllers

  • BarController.getDatasetMeta().bar
  • DatasetController.addElementAndReset
  • DatasetController.createMetaData
  • DatasetController.createMetaDataset
  • DoughnutController.getRingIndex

# Removed from Elements

  • Element.getArea
  • Element.height
  • Element.hidden was replaced by chart level status, usable with getDataVisibility(index) / toggleDataVisibility(index)
  • Element.initialize
  • Element.inLabelRange
  • Line.calculatePointY

# Removed from Helpers

  • helpers.addEvent
  • helpers.aliasPixel
  • helpers.arrayEquals
  • helpers.configMerge
  • helpers.findIndex
  • helpers.findNextWhere
  • helpers.findPreviousWhere
  • helpers.extend. Use Object.assign instead
  • helpers.getValueAtIndexOrDefault. Use helpers.resolve instead.
  • helpers.indexOf
  • helpers.lineTo
  • helpers.longestText was made private
  • helpers.max
  • helpers.measureText was made private
  • helpers.min
  • helpers.nextItem
  • helpers.niceNum
  • helpers.numberOfLabelLines
  • helpers.previousItem
  • helpers.removeEvent
  • helpers.roundedRect
  • helpers.scaleMerge
  • helpers.where

# Removed from Layout

  • Layout.defaults

# Removed from Scales

  • LinearScaleBase.handleDirectionalChanges
  • LogarithmicScale.minNotZero
  • Scale.getRightValue
  • Scale.longestLabelWidth
  • Scale.longestTextCache is now private
  • Scale.margins is now private
  • Scale.mergeTicksOptions
  • Scale.ticksAsNumbers
  • Scale.tickValues is now private
  • TimeScale.getLabelCapacity is now private
  • TimeScale.tickFormatFunction is now private

# Removed from Plugins (Legend, Title, and Tooltip)

  • IPlugin.afterScaleUpdate. Use afterLayout instead
  • Legend.margins is now private
  • Legend onClick, onHover, and onLeave options now receive the legend as the 3rd argument in addition to implicitly via this
  • Legend onClick, onHover, and onLeave options now receive a wrapped event as the first parameter. The previous first parameter value is accessible via event.native.
  • Title.margins is now private
  • The tooltip item's x and y attributes were replaced by element. You can use element.x and element.y or element.tooltipPosition() instead.

# Removal of Public APIs

The following public APIs were removed.

  • getElementAtEvent is replaced with chart.getElementsAtEventForMode(e, 'nearest', { intersect: true }, false)
  • getElementsAtEvent is replaced with chart.getElementsAtEventForMode(e, 'index', { intersect: true }, false)
  • getElementsAtXAxis is replaced with chart.getElementsAtEventForMode(e, 'index', { intersect: false }, false)
  • getDatasetAtEvent is replaced with chart.getElementsAtEventForMode(e, 'dataset', { intersect: true }, false)

# Removal of private APIs

The following private APIs were removed.

  • Chart._bufferedRender
  • Chart._updating
  • Chart.data.datasets[datasetIndex]._meta
  • DatasetController._getIndexScaleId
  • DatasetController._getIndexScale
  • DatasetController._getValueScaleId
  • DatasetController._getValueScale
  • Element._ctx
  • Element._model
  • Element._view
  • LogarithmicScale._valueOffset
  • TimeScale.getPixelForOffset
  • TimeScale.getLabelWidth
  • Tooltip._lastActive

# Renamed

The following properties were renamed during v3 development:

  • Chart.Animation.animationObject was renamed to Chart.Animation
  • Chart.Animation.chartInstance was renamed to Chart.Animation.chart
  • Chart.canvasHelpers was merged with Chart.helpers
  • Chart.elements.Arc was renamed to Chart.elements.ArcElement
  • Chart.elements.Line was renamed to Chart.elements.LineElement
  • Chart.elements.Point was renamed to Chart.elements.PointElement
  • Chart.elements.Rectangle was renamed to Chart.elements.BarElement
  • Chart.layoutService was renamed to Chart.layouts
  • Chart.pluginService was renamed to Chart.plugins
  • helpers.callCallback was renamed to helpers.callback
  • helpers.drawRoundedRectangle was renamed to helpers.roundedRect
  • helpers.getValueOrDefault was renamed to helpers.valueOrDefault
  • LayoutItem.fullWidth was renamed to LayoutItem.fullSize
  • Point.controlPointPreviousX was renamed to Point.cp1x
  • Point.controlPointPreviousY was renamed to Point.cp1y
  • Point.controlPointNextX was renamed to Point.cp2x
  • Point.controlPointNextY was renamed to Point.cp2y
  • Scale.calculateTickRotation was renamed to Scale.calculateLabelRotation
  • Tooltip.options.legendColorBackgroupd was renamed to Tooltip.options.multiKeyBackground

# Renamed private APIs

The private APIs listed below were renamed:

  • BarController.calculateBarIndexPixels was renamed to BarController._calculateBarIndexPixels
  • BarController.calculateBarValuePixels was renamed to BarController._calculateBarValuePixels
  • BarController.getStackCount was renamed to BarController._getStackCount
  • BarController.getStackIndex was renamed to BarController._getStackIndex
  • BarController.getRuler was renamed to BarController._getRuler
  • Chart.destroyDatasetMeta was renamed to Chart._destroyDatasetMeta
  • Chart.drawDataset was renamed to Chart._drawDataset
  • Chart.drawDatasets was renamed to Chart._drawDatasets
  • Chart.eventHandler was renamed to Chart._eventHandler
  • Chart.handleEvent was renamed to Chart._handleEvent
  • Chart.initialize was renamed to Chart._initialize
  • Chart.resetElements was renamed to Chart._resetElements
  • Chart.unbindEvents was renamed to Chart._unbindEvents
  • Chart.updateDataset was renamed to Chart._updateDataset
  • Chart.updateDatasets was renamed to Chart._updateDatasets
  • Chart.updateLayout was renamed to Chart._updateLayout
  • DatasetController.destroy was renamed to DatasetController._destroy
  • DatasetController.insertElements was renamed to DatasetController._insertElements
  • DatasetController.onDataPop was renamed to DatasetController._onDataPop
  • DatasetController.onDataPush was renamed to DatasetController._onDataPush
  • DatasetController.onDataShift was renamed to DatasetController._onDataShift
  • DatasetController.onDataSplice was renamed to DatasetController._onDataSplice
  • DatasetController.onDataUnshift was renamed to DatasetController._onDataUnshift
  • DatasetController.removeElements was renamed to DatasetController._removeElements
  • DatasetController.resyncElements was renamed to DatasetController._resyncElements
  • LayoutItem.isFullWidth was renamed to LayoutItem.isFullSize
  • RadialLinearScale.setReductions was renamed to RadialLinearScale._setReductions
  • RadialLinearScale.pointLabels was renamed to RadialLinearScale._pointLabels
  • Scale.handleMargins was renamed to Scale._handleMargins

# Changed

The APIs listed in this section have changed in signature or behaviour from version 2.

# Changed in Scales

  • Scale.getLabelForIndex was replaced by scale.getLabelForValue
  • Scale.getPixelForValue now only requires one parameter. For the TimeScale that parameter must be millis since the epoch. As a performance optimization, it may take an optional second parameter, giving the index of the data point.
# Changed in Ticks
  • Scale.afterBuildTicks now has no parameters like the other callbacks
  • Scale.buildTicks is now expected to return tick objects
  • Scale.convertTicksToLabels was renamed to generateTickLabels. It is now expected to set the label property on the ticks given as input
  • Scale.ticks now contains objects instead of strings
  • When the autoSkip option is enabled, Scale.ticks now contains only the non-skipped ticks instead of all ticks.
  • Ticks are now always generated in monotonically increasing order
# Changed in Time Scale
  • getValueForPixel now returns milliseconds since the epoch

# Changed in Controllers

# Core Controller
  • The first parameter to updateHoverStyle is now an array of objects containing the element, datasetIndex, and index
  • The signature or resize changed, the first silent parameter was removed.
# Dataset Controllers
  • updateElement was replaced with updateElements now taking the elements to update, the start index, count, and mode
  • setHoverStyle and removeHoverStyle now additionally take the datasetIndex and index

# Changed in Interactions

  • Interaction mode methods now return an array of objects containing the element, datasetIndex, and index

# Changed in Layout

  • ILayoutItem.update no longer has a return value

# Changed in Helpers

All helpers are now exposed in a flat hierarchy, e.g., Chart.helpers.canvas.clipArea -> Chart.helpers.clipArea

# Canvas Helper
  • The second parameter to drawPoint is now the full options object, so style, rotation, and radius are no longer passed explicitly
  • helpers.getMaximumHeight was replaced by helpers.dom.getMaximumSize
  • helpers.getMaximumWidth was replaced by helpers.dom.getMaximumSize
  • helpers.clear was renamed to helpers.clearCanvas and now takes canvas and optionally ctx as parameter(s).
  • helpers.retinaScale accepts optional third parameter forceStyle, which forces overriding current canvas style. forceRatio no longer falls back to window.devicePixelRatio, instead it defaults to 1.

# Changed in Platform

  • Chart.platform is no longer the platform object used by charts. Every chart instance now has a separate platform instance.
  • Chart.platforms is an object that contains two usable platform classes, BasicPlatform and DomPlatform. It also contains BasePlatform, a class that all platforms must extend from.
  • If the canvas passed in is an instance of OffscreenCanvas, the BasicPlatform is automatically used.
  • isAttached method was added to platform.

# Changed in IPlugin interface

  • All plugin hooks have unified signature with 3 arguments: chart, args and options. This means change in signature for these hooks: beforeInit, afterInit, reset, beforeLayout, afterLayout, beforeRender, afterRender, beforeDraw, afterDraw, beforeDatasetsDraw, afterDatasetsDraw, beforeEvent, afterEvent, resize, destroy.
  • afterDatasetsUpdate, afterUpdate, beforeDatasetsUpdate, and beforeUpdate now receive args object as second argument. options argument is always the last and thus was moved from 2nd to 3rd place.
  • afterEvent and beforeEvent now receive a wrapped event as the event property of the second argument. The native event is available via args.event.native.
  • Initial resize is no longer silent. Meaning that resize event can fire between beforeInit and afterInit
  • New hooks: install, start, stop, and uninstall
  • afterEvent should notify about changes that need a render by setting args.changed to true. Because the args are shared with all plugins, it should only be set to true and not false.
Last Updated: 11/21/2024, 8:47:09 PM

+

  • global was removed from the defaults namespace as it was unnecessary and sometimes inconsistent
  • Dataset defaults are now under the chart type options instead of vice-versa. This was not able to be done when introduced in 2.x for backwards compatibility. Fixing it removes the biggest stumbling block that new chart developers encountered
  • Scale default options need to be updated as described in the end user migration section (e.g. x instead of xAxes and y instead of yAxes)
  • updateElement was changed to updateElements and has a new method signature as described below. This provides performance enhancements such as allowing easier reuse of computations that are common to all elements and reducing the number of function calls

    • # Removed

    The following properties and methods were removed:

    # Removed from Chart

    • Chart.animationService
    • Chart.active
    • Chart.borderWidth
    • Chart.chart.chart
    • Chart.Bar. New charts are created via new Chart and providing the appropriate type parameter
    • Chart.Bubble. New charts are created via new Chart and providing the appropriate type parameter
    • Chart.Chart
    • Chart.Controller
    • Chart.Doughnut. New charts are created via new Chart and providing the appropriate type parameter
    • Chart.innerRadius now lives on doughnut, pie, and polarArea controllers
    • Chart.lastActive
    • Chart.Legend was moved to Chart.plugins.legend._element and made private
    • Chart.Line. New charts are created via new Chart and providing the appropriate type parameter
    • Chart.LinearScaleBase now must be imported and cannot be accessed off the Chart object
    • Chart.offsetX
    • Chart.offsetY
    • Chart.outerRadius now lives on doughnut, pie, and polarArea controllers
    • Chart.plugins was replaced with Chart.registry. Plugin defaults are now in Chart.defaults.plugins[id].
    • Chart.plugins.register was replaced by Chart.register.
    • Chart.PolarArea. New charts are created via new Chart and providing the appropriate type parameter
    • Chart.prototype.generateLegend
    • Chart.platform. It only contained disableCSSInjection. CSS is never injected in v3.
    • Chart.PluginBase
    • Chart.Radar. New charts are created via new Chart and providing the appropriate type parameter
    • Chart.radiusLength
    • Chart.scaleService was replaced with Chart.registry. Scale defaults are now in Chart.defaults.scales[type].
    • Chart.Scatter. New charts are created via new Chart and providing the appropriate type parameter
    • Chart.types
    • Chart.Title was moved to Chart.plugins.title._element and made private
    • Chart.Tooltip is now provided by the tooltip plugin. The positioners can be accessed from tooltipPlugin.positioners
    • ILayoutItem.minSize

    # Removed from Dataset Controllers

    • BarController.getDatasetMeta().bar
    • DatasetController.addElementAndReset
    • DatasetController.createMetaData
    • DatasetController.createMetaDataset
    • DoughnutController.getRingIndex

    # Removed from Elements

    • Element.getArea
    • Element.height
    • Element.hidden was replaced by chart level status, usable with getDataVisibility(index) / toggleDataVisibility(index)
    • Element.initialize
    • Element.inLabelRange
    • Line.calculatePointY

    # Removed from Helpers

    • helpers.addEvent
    • helpers.aliasPixel
    • helpers.arrayEquals
    • helpers.configMerge
    • helpers.findIndex
    • helpers.findNextWhere
    • helpers.findPreviousWhere
    • helpers.extend. Use Object.assign instead
    • helpers.getValueAtIndexOrDefault. Use helpers.resolve instead.
    • helpers.indexOf
    • helpers.lineTo
    • helpers.longestText was made private
    • helpers.max
    • helpers.measureText was made private
    • helpers.min
    • helpers.nextItem
    • helpers.niceNum
    • helpers.numberOfLabelLines
    • helpers.previousItem
    • helpers.removeEvent
    • helpers.roundedRect
    • helpers.scaleMerge
    • helpers.where

    # Removed from Layout

    • Layout.defaults

    # Removed from Scales

    • LinearScaleBase.handleDirectionalChanges
    • LogarithmicScale.minNotZero
    • Scale.getRightValue
    • Scale.longestLabelWidth
    • Scale.longestTextCache is now private
    • Scale.margins is now private
    • Scale.mergeTicksOptions
    • Scale.ticksAsNumbers
    • Scale.tickValues is now private
    • TimeScale.getLabelCapacity is now private
    • TimeScale.tickFormatFunction is now private

    # Removed from Plugins (Legend, Title, and Tooltip)

    • IPlugin.afterScaleUpdate. Use afterLayout instead
    • Legend.margins is now private
    • Legend onClick, onHover, and onLeave options now receive the legend as the 3rd argument in addition to implicitly via this
    • Legend onClick, onHover, and onLeave options now receive a wrapped event as the first parameter. The previous first parameter value is accessible via event.native.
    • Title.margins is now private
    • The tooltip item's x and y attributes were replaced by element. You can use element.x and element.y or element.tooltipPosition() instead.

    # Removal of Public APIs

    The following public APIs were removed.

    • getElementAtEvent is replaced with chart.getElementsAtEventForMode(e, 'nearest', { intersect: true }, false)
    • getElementsAtEvent is replaced with chart.getElementsAtEventForMode(e, 'index', { intersect: true }, false)
    • getElementsAtXAxis is replaced with chart.getElementsAtEventForMode(e, 'index', { intersect: false }, false)
    • getDatasetAtEvent is replaced with chart.getElementsAtEventForMode(e, 'dataset', { intersect: true }, false)

    # Removal of private APIs

    The following private APIs were removed.

    • Chart._bufferedRender
    • Chart._updating
    • Chart.data.datasets[datasetIndex]._meta
    • DatasetController._getIndexScaleId
    • DatasetController._getIndexScale
    • DatasetController._getValueScaleId
    • DatasetController._getValueScale
    • Element._ctx
    • Element._model
    • Element._view
    • LogarithmicScale._valueOffset
    • TimeScale.getPixelForOffset
    • TimeScale.getLabelWidth
    • Tooltip._lastActive

    # Renamed

    The following properties were renamed during v3 development:

    • Chart.Animation.animationObject was renamed to Chart.Animation
    • Chart.Animation.chartInstance was renamed to Chart.Animation.chart
    • Chart.canvasHelpers was merged with Chart.helpers
    • Chart.elements.Arc was renamed to Chart.elements.ArcElement
    • Chart.elements.Line was renamed to Chart.elements.LineElement
    • Chart.elements.Point was renamed to Chart.elements.PointElement
    • Chart.elements.Rectangle was renamed to Chart.elements.BarElement
    • Chart.layoutService was renamed to Chart.layouts
    • Chart.pluginService was renamed to Chart.plugins
    • helpers.callCallback was renamed to helpers.callback
    • helpers.drawRoundedRectangle was renamed to helpers.roundedRect
    • helpers.getValueOrDefault was renamed to helpers.valueOrDefault
    • LayoutItem.fullWidth was renamed to LayoutItem.fullSize
    • Point.controlPointPreviousX was renamed to Point.cp1x
    • Point.controlPointPreviousY was renamed to Point.cp1y
    • Point.controlPointNextX was renamed to Point.cp2x
    • Point.controlPointNextY was renamed to Point.cp2y
    • Scale.calculateTickRotation was renamed to Scale.calculateLabelRotation
    • Tooltip.options.legendColorBackgroupd was renamed to Tooltip.options.multiKeyBackground

    # Renamed private APIs

    The private APIs listed below were renamed:

    • BarController.calculateBarIndexPixels was renamed to BarController._calculateBarIndexPixels
    • BarController.calculateBarValuePixels was renamed to BarController._calculateBarValuePixels
    • BarController.getStackCount was renamed to BarController._getStackCount
    • BarController.getStackIndex was renamed to BarController._getStackIndex
    • BarController.getRuler was renamed to BarController._getRuler
    • Chart.destroyDatasetMeta was renamed to Chart._destroyDatasetMeta
    • Chart.drawDataset was renamed to Chart._drawDataset
    • Chart.drawDatasets was renamed to Chart._drawDatasets
    • Chart.eventHandler was renamed to Chart._eventHandler
    • Chart.handleEvent was renamed to Chart._handleEvent
    • Chart.initialize was renamed to Chart._initialize
    • Chart.resetElements was renamed to Chart._resetElements
    • Chart.unbindEvents was renamed to Chart._unbindEvents
    • Chart.updateDataset was renamed to Chart._updateDataset
    • Chart.updateDatasets was renamed to Chart._updateDatasets
    • Chart.updateLayout was renamed to Chart._updateLayout
    • DatasetController.destroy was renamed to DatasetController._destroy
    • DatasetController.insertElements was renamed to DatasetController._insertElements
    • DatasetController.onDataPop was renamed to DatasetController._onDataPop
    • DatasetController.onDataPush was renamed to DatasetController._onDataPush
    • DatasetController.onDataShift was renamed to DatasetController._onDataShift
    • DatasetController.onDataSplice was renamed to DatasetController._onDataSplice
    • DatasetController.onDataUnshift was renamed to DatasetController._onDataUnshift
    • DatasetController.removeElements was renamed to DatasetController._removeElements
    • DatasetController.resyncElements was renamed to DatasetController._resyncElements
    • LayoutItem.isFullWidth was renamed to LayoutItem.isFullSize
    • RadialLinearScale.setReductions was renamed to RadialLinearScale._setReductions
    • RadialLinearScale.pointLabels was renamed to RadialLinearScale._pointLabels
    • Scale.handleMargins was renamed to Scale._handleMargins

    # Changed

    The APIs listed in this section have changed in signature or behaviour from version 2.

    # Changed in Scales

    • Scale.getLabelForIndex was replaced by scale.getLabelForValue
    • Scale.getPixelForValue now only requires one parameter. For the TimeScale that parameter must be millis since the epoch. As a performance optimization, it may take an optional second parameter, giving the index of the data point.
    # Changed in Ticks
    • Scale.afterBuildTicks now has no parameters like the other callbacks
    • Scale.buildTicks is now expected to return tick objects
    • Scale.convertTicksToLabels was renamed to generateTickLabels. It is now expected to set the label property on the ticks given as input
    • Scale.ticks now contains objects instead of strings
    • When the autoSkip option is enabled, Scale.ticks now contains only the non-skipped ticks instead of all ticks.
    • Ticks are now always generated in monotonically increasing order
    # Changed in Time Scale
    • getValueForPixel now returns milliseconds since the epoch

    # Changed in Controllers

    # Core Controller
    • The first parameter to updateHoverStyle is now an array of objects containing the element, datasetIndex, and index
    • The signature or resize changed, the first silent parameter was removed.
    # Dataset Controllers
    • updateElement was replaced with updateElements now taking the elements to update, the start index, count, and mode
    • setHoverStyle and removeHoverStyle now additionally take the datasetIndex and index

    # Changed in Interactions

    • Interaction mode methods now return an array of objects containing the element, datasetIndex, and index

    # Changed in Layout

    • ILayoutItem.update no longer has a return value

    # Changed in Helpers

    All helpers are now exposed in a flat hierarchy, e.g., Chart.helpers.canvas.clipArea -> Chart.helpers.clipArea

    # Canvas Helper
    • The second parameter to drawPoint is now the full options object, so style, rotation, and radius are no longer passed explicitly
    • helpers.getMaximumHeight was replaced by helpers.dom.getMaximumSize
    • helpers.getMaximumWidth was replaced by helpers.dom.getMaximumSize
    • helpers.clear was renamed to helpers.clearCanvas and now takes canvas and optionally ctx as parameter(s).
    • helpers.retinaScale accepts optional third parameter forceStyle, which forces overriding current canvas style. forceRatio no longer falls back to window.devicePixelRatio, instead it defaults to 1.

    # Changed in Platform

    • Chart.platform is no longer the platform object used by charts. Every chart instance now has a separate platform instance.
    • Chart.platforms is an object that contains two usable platform classes, BasicPlatform and DomPlatform. It also contains BasePlatform, a class that all platforms must extend from.
    • If the canvas passed in is an instance of OffscreenCanvas, the BasicPlatform is automatically used.
    • isAttached method was added to platform.

    # Changed in IPlugin interface

    • All plugin hooks have unified signature with 3 arguments: chart, args and options. This means change in signature for these hooks: beforeInit, afterInit, reset, beforeLayout, afterLayout, beforeRender, afterRender, beforeDraw, afterDraw, beforeDatasetsDraw, afterDatasetsDraw, beforeEvent, afterEvent, resize, destroy.
    • afterDatasetsUpdate, afterUpdate, beforeDatasetsUpdate, and beforeUpdate now receive args object as second argument. options argument is always the last and thus was moved from 2nd to 3rd place.
    • afterEvent and beforeEvent now receive a wrapped event as the event property of the second argument. The native event is available via args.event.native.
    • Initial resize is no longer silent. Meaning that resize event can fire between beforeInit and afterInit
    • New hooks: install, start, stop, and uninstall
    • afterEvent should notify about changes that need a render by setting args.changed to true. Because the args are shared with all plugins, it should only be set to true and not false.
    Last Updated: 12/1/2024, 9:49:55 AM

    ←

    - + diff --git a/docs/master/migration/v4-migration.html b/docs/master/migration/v4-migration.html index e8a12657e8..70a4ee84a0 100644 --- a/docs/master/migration/v4-migration.html +++ b/docs/master/migration/v4-migration.html @@ -7,7 +7,7 @@ - + @@ -42,7 +42,7 @@ (opens new window)

    # 4.x Migration Guide

    Chart.js 4.0 introduces a number of breaking changes. We tried keeping the amount of breaking changes to a minimum. For some features and bug fixes it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit.

    # End user migration

    # Charts

    • Charts don't override the default tooltip callbacks, so all chart types have the same-looking tooltips.
    • Default scale override has been removed if the configured scale starts with x/y. Defining xAxes in your config will now create a second scale instead of overriding the default x axis.

    # Options

    A number of changes were made to the configuration options passed to the Chart constructor. Those changes are documented below.

    # Specific changes

    • The radialLinear grid indexable and scriptable options don't decrease the index of the specified grid line anymore.
    • The destroy plugin hook has been removed and replaced with afterDestroy.
    • Ticks callback on time scale now receives timestamp instead of a formatted label.
    • scales[id].grid.drawBorder has been renamed to scales[id].border.display.
    • scales[id].grid.borderWidth has been renamed to scales[id].border.width.
    • scales[id].grid.borderColor has been renamed to scales[id].border.color.
    • scales[id].grid.borderDash has been renamed to scales[id].border.dash.
    • scales[id].grid.borderDashOffset has been renamed to scales[id].border.dashOffset.
    • The z index for the border of a scale is now configurable instead of being 1 higher as the grid z index.
    • Linear scales now add and subtracts 5% of the max value to the range if the min and max are the same instead of 1.
    • If the tooltip callback returns undefined, then the default callback will be used.
    • maintainAspectRatio respects container height.
    • Time and timeseries scales use ticks.stepSize instead of time.stepSize, which has been removed.
    • maxTickslimit won't be used for the ticks in autoSkip if the determined max ticks is less then the maxTicksLimit.
    • dist/chart.js has been removed.
    • dist/chart.min.js has been renamed to dist/chart.umd.js.
    • dist/chart.esm.js has been renamed to dist/chart.js.

    # Type changes

    • The order of the ChartMeta parameters have been changed from <Element, DatasetElement, Type> to <Type, Element, DatasetElement>.

    # General

    Last Updated: 11/21/2024, 8:47:09 PM

    +

    If you are experiencing problems with Jest (opens new window), follow its documentation (opens new window) to enable the ESM support. Or, we can recommend you migrating to Vitest (opens new window). Vitest has the ESM support out of the box and almost the same API as Jest (opens new window). See an example of migration (opens new window).
  • Removed fallback to fontColor for the legend text and strikethrough color.
  • Removed config._chart fallback for this.chart in the filler plugin.
  • Removed this._chart in the filler plugin.
    • Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/advanced/data-decimation.html b/docs/master/samples/advanced/data-decimation.html index 46f25dbd47..58832b8a8f 100644 --- a/docs/master/samples/advanced/data-decimation.html +++ b/docs/master/samples/advanced/data-decimation.html @@ -7,7 +7,7 @@ - + @@ -213,7 +213,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/advanced/derived-axis-type.html b/docs/master/samples/advanced/derived-axis-type.html index 2db51538cd..307dc1833f 100644 --- a/docs/master/samples/advanced/derived-axis-type.html +++ b/docs/master/samples/advanced/derived-axis-type.html @@ -7,7 +7,7 @@ - + @@ -154,7 +154,7 @@ Log2Axis.defaults = {}; // The derived axis is registered like this: // Chart.register(Log2Axis); -

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/advanced/derived-chart-type.html b/docs/master/samples/advanced/derived-chart-type.html index cfdf91c46b..6a4fae94c3 100644 --- a/docs/master/samples/advanced/derived-chart-type.html +++ b/docs/master/samples/advanced/derived-chart-type.html @@ -7,7 +7,7 @@ - + @@ -122,7 +122,7 @@ // Custom.overrides = Chart.overrides.bubble; // Stores the controller so that the chart initialization routine can look it up Chart.register(Custom); -

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/advanced/linear-gradient.html b/docs/master/samples/advanced/linear-gradient.html index 7821c9c569..ea836ee34b 100644 --- a/docs/master/samples/advanced/linear-gradient.html +++ b/docs/master/samples/advanced/linear-gradient.html @@ -7,7 +7,7 @@ - + @@ -205,7 +205,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/advanced/programmatic-events.html b/docs/master/samples/advanced/programmatic-events.html index cce97243a8..39165b0a00 100644 --- a/docs/master/samples/advanced/programmatic-events.html +++ b/docs/master/samples/advanced/programmatic-events.html @@ -7,7 +7,7 @@ - + @@ -195,7 +195,7 @@ hoverBorderColor: 'green', } ] -};

    # API

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # API

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/advanced/progress-bar.html b/docs/master/samples/advanced/progress-bar.html index 977767ab33..10beabe7af 100644 --- a/docs/master/samples/advanced/progress-bar.html +++ b/docs/master/samples/advanced/progress-bar.html @@ -7,7 +7,7 @@ - + @@ -263,7 +263,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/advanced/radial-gradient.html b/docs/master/samples/advanced/radial-gradient.html index 3252aa294c..5e469a05f5 100644 --- a/docs/master/samples/advanced/radial-gradient.html +++ b/docs/master/samples/advanced/radial-gradient.html @@ -7,7 +7,7 @@ - + @@ -219,7 +219,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/animations/delay.html b/docs/master/samples/animations/delay.html index 876541a4b0..120e078c55 100644 --- a/docs/master/samples/animations/delay.html +++ b/docs/master/samples/animations/delay.html @@ -7,7 +7,7 @@ - + @@ -161,7 +161,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/animations/drop.html b/docs/master/samples/animations/drop.html index a9534b6afd..6161927b43 100644 --- a/docs/master/samples/animations/drop.html +++ b/docs/master/samples/animations/drop.html @@ -7,7 +7,7 @@ - + @@ -245,7 +245,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/animations/loop.html b/docs/master/samples/animations/loop.html index 639faafb7c..48c5fe67c0 100644 --- a/docs/master/samples/animations/loop.html +++ b/docs/master/samples/animations/loop.html @@ -7,7 +7,7 @@ - + @@ -245,7 +245,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/animations/progressive-line-easing.html b/docs/master/samples/animations/progressive-line-easing.html index 03c0a9de5f..671cb2a1ce 100644 --- a/docs/master/samples/animations/progressive-line-easing.html +++ b/docs/master/samples/animations/progressive-line-easing.html @@ -7,7 +7,7 @@ - + @@ -337,7 +337,7 @@ restartAnims(chart); } }, -];

    # Api

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Api

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/animations/progressive-line.html b/docs/master/samples/animations/progressive-line.html index 3868aecc52..d531baffef 100644 --- a/docs/master/samples/animations/progressive-line.html +++ b/docs/master/samples/animations/progressive-line.html @@ -7,7 +7,7 @@ - + @@ -183,7 +183,7 @@ data.push({x: i, y: prev}); prev2 += 5 - Math.random() * 10; data2.push({x: i, y: prev2}); -}

    # Api

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +}

    # Api

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/area/line-boundaries.html b/docs/master/samples/area/line-boundaries.html index 81d6a318bc..a93bce0e73 100644 --- a/docs/master/samples/area/line-boundaries.html +++ b/docs/master/samples/area/line-boundaries.html @@ -7,7 +7,7 @@ - + @@ -233,7 +233,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/area/line-datasets.html b/docs/master/samples/area/line-datasets.html index 0718351903..7fff67a9dd 100644 --- a/docs/master/samples/area/line-datasets.html +++ b/docs/master/samples/area/line-datasets.html @@ -7,7 +7,7 @@ - + @@ -319,7 +319,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/area/line-drawtime.html b/docs/master/samples/area/line-drawtime.html index ceb099c95f..7a8243c9d1 100644 --- a/docs/master/samples/area/line-drawtime.html +++ b/docs/master/samples/area/line-drawtime.html @@ -7,7 +7,7 @@ - + @@ -223,7 +223,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/area/line-stacked.html b/docs/master/samples/area/line-stacked.html index 3f6bcf8e38..8a4339c20d 100644 --- a/docs/master/samples/area/line-stacked.html +++ b/docs/master/samples/area/line-stacked.html @@ -7,7 +7,7 @@ - + @@ -339,7 +339,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/area/radar.html b/docs/master/samples/area/radar.html index 0406e8bcdf..d6825ea608 100644 --- a/docs/master/samples/area/radar.html +++ b/docs/master/samples/area/radar.html @@ -7,7 +7,7 @@ - + @@ -273,7 +273,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/bar/border-radius.html b/docs/master/samples/bar/border-radius.html index 19f38047b7..b12d1be041 100644 --- a/docs/master/samples/bar/border-radius.html +++ b/docs/master/samples/bar/border-radius.html @@ -7,7 +7,7 @@ - + @@ -145,7 +145,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/bar/floating.html b/docs/master/samples/bar/floating.html index 3e7d42de51..398de764fa 100644 --- a/docs/master/samples/bar/floating.html +++ b/docs/master/samples/bar/floating.html @@ -7,7 +7,7 @@ - + @@ -141,7 +141,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/bar/horizontal.html b/docs/master/samples/bar/horizontal.html index dba8c128f2..2786d17fd3 100644 --- a/docs/master/samples/bar/horizontal.html +++ b/docs/master/samples/bar/horizontal.html @@ -7,7 +7,7 @@ - + @@ -241,7 +241,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/bar/stacked-groups.html b/docs/master/samples/bar/stacked-groups.html index 3d497ae1c2..4ea7ce6102 100644 --- a/docs/master/samples/bar/stacked-groups.html +++ b/docs/master/samples/bar/stacked-groups.html @@ -7,7 +7,7 @@ - + @@ -161,7 +161,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/bar/stacked.html b/docs/master/samples/bar/stacked.html index 2e20ff1509..d8571c6c54 100644 --- a/docs/master/samples/bar/stacked.html +++ b/docs/master/samples/bar/stacked.html @@ -7,7 +7,7 @@ - + @@ -149,7 +149,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/bar/vertical.html b/docs/master/samples/bar/vertical.html index efcf483960..2102544966 100644 --- a/docs/master/samples/bar/vertical.html +++ b/docs/master/samples/bar/vertical.html @@ -7,7 +7,7 @@ - + @@ -225,7 +225,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/information.html b/docs/master/samples/information.html index 62e57da6aa..8c950537c5 100644 --- a/docs/master/samples/information.html +++ b/docs/master/samples/information.html @@ -7,7 +7,7 @@ - + @@ -40,11 +40,11 @@ (opens new window) GitHub (opens new window)
    • Chart.js Samples

    • Bar Charts

    • Line Charts

    • Other charts

    • Area charts

    • Scales

    • Scale Options

    • Legend

    • Title

    • Subtitle

    • Tooltip

    • Scriptable Options

    • Animations

    • Advanced

    • Plugins

    • Utils

    # Chart.js Samples

    You can navigate through the samples via the sidebar.

    Alternatively, you can run them locally. To do so, clone the Chart.js repository (opens new window) from GitHub, run pnpm ci to install all packages, then run pnpm run docs:dev to build the documentation. As soon as the build is done, you can go to localhost:8080/samples (opens new window) to see the samples.

    # Out of the box working samples

    These samples are made for demonstration purposes only. They won't work out of the box if you copy paste them into your own website. This is because of how the docs are getting built. Some boilerplate code gets hidden. -For a sample that can be copied and pasted and used directly you can check the usage page.

    # Autogenerated data

    The data used in the samples is autogenerated using custom functions. These functions do not ship with the library, for more information about this you can check the utils page.

    # Actions block

    The samples have an actions code block. These actions are not part of Chart.js. They are internally transformed to separate buttons together with onClick listeners by a plugin we use in the documentation. To implement such actions yourself you can make some buttons and add onClick event listeners to them. Then in these event listeners you can call your variable in which you made the chart and do the logic that the button is supposed to do.

    Last Updated: 11/21/2024, 8:47:09 PM

    +For a sample that can be copied and pasted and used directly you can check the usage page.

    # Autogenerated data

    The data used in the samples is autogenerated using custom functions. These functions do not ship with the library, for more information about this you can check the utils page.

    # Actions block

    The samples have an actions code block. These actions are not part of Chart.js. They are internally transformed to separate buttons together with onClick listeners by a plugin we use in the documentation. To implement such actions yourself you can make some buttons and add onClick event listeners to them. Then in these event listeners you can call your variable in which you made the chart and do the logic that the button is supposed to do.

    Last Updated: 12/1/2024, 9:49:55 AM

    Bar Chart Border Radius →

    - + diff --git a/docs/master/samples/legend/events.html b/docs/master/samples/legend/events.html index 25dd1ee4fa..46026bf75e 100644 --- a/docs/master/samples/legend/events.html +++ b/docs/master/samples/legend/events.html @@ -7,7 +7,7 @@ - + @@ -109,7 +109,7 @@ borderWidth: 1, backgroundColor: ['#CB4335', '#1F618D', '#F1C40F', '#27AE60', '#884EA0', '#D35400'], }] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/legend/html.html b/docs/master/samples/legend/html.html index f5f65ce30b..be1a1a7b2b 100644 --- a/docs/master/samples/legend/html.html +++ b/docs/master/samples/legend/html.html @@ -7,7 +7,7 @@ - + @@ -242,7 +242,7 @@ } }, plugins: [htmlLegendPlugin], -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/legend/point-style.html b/docs/master/samples/legend/point-style.html index 49e5c033af..c1686d1553 100644 --- a/docs/master/samples/legend/point-style.html +++ b/docs/master/samples/legend/point-style.html @@ -7,7 +7,7 @@ - + @@ -119,7 +119,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/legend/position.html b/docs/master/samples/legend/position.html index ea9939be26..a2d71695d8 100644 --- a/docs/master/samples/legend/position.html +++ b/docs/master/samples/legend/position.html @@ -7,7 +7,7 @@ - + @@ -135,7 +135,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/legend/title.html b/docs/master/samples/legend/title.html index 7cc11cb1c2..26cefe323e 100644 --- a/docs/master/samples/legend/title.html +++ b/docs/master/samples/legend/title.html @@ -7,7 +7,7 @@ - + @@ -147,7 +147,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/line/interpolation.html b/docs/master/samples/line/interpolation.html index 983a2aced5..a70ce55cf2 100644 --- a/docs/master/samples/line/interpolation.html +++ b/docs/master/samples/line/interpolation.html @@ -7,7 +7,7 @@ - + @@ -165,7 +165,7 @@ fill: false } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/line/line.html b/docs/master/samples/line/line.html index 44ebffcf40..b5d1f66c3f 100644 --- a/docs/master/samples/line/line.html +++ b/docs/master/samples/line/line.html @@ -7,7 +7,7 @@ - + @@ -223,7 +223,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/line/multi-axis.html b/docs/master/samples/line/multi-axis.html index 253969e6a4..254fe1424b 100644 --- a/docs/master/samples/line/multi-axis.html +++ b/docs/master/samples/line/multi-axis.html @@ -7,7 +7,7 @@ - + @@ -173,7 +173,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/line/point-styling.html b/docs/master/samples/line/point-styling.html index 83cfc50720..fa62e316f9 100644 --- a/docs/master/samples/line/point-styling.html +++ b/docs/master/samples/line/point-styling.html @@ -7,7 +7,7 @@ - + @@ -295,7 +295,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/line/segments.html b/docs/master/samples/line/segments.html index 7715e7cef8..a63d2ecb46 100644 --- a/docs/master/samples/line/segments.html +++ b/docs/master/samples/line/segments.html @@ -7,7 +7,7 @@ - + @@ -91,7 +91,7 @@ intersect: false }, radius: 0, -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/line/stepped.html b/docs/master/samples/line/stepped.html index ef2e734c9c..2c4c31591e 100644 --- a/docs/master/samples/line/stepped.html +++ b/docs/master/samples/line/stepped.html @@ -7,7 +7,7 @@ - + @@ -191,7 +191,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/line/styling.html b/docs/master/samples/line/styling.html index 4fcc62c09c..b0e95f7e37 100644 --- a/docs/master/samples/line/styling.html +++ b/docs/master/samples/line/styling.html @@ -7,7 +7,7 @@ - + @@ -161,7 +161,7 @@ fill: true, } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/bubble.html b/docs/master/samples/other-charts/bubble.html index f0fa9b4861..8bd18a0eee 100644 --- a/docs/master/samples/other-charts/bubble.html +++ b/docs/master/samples/other-charts/bubble.html @@ -7,7 +7,7 @@ - + @@ -215,7 +215,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/combo-bar-line.html b/docs/master/samples/other-charts/combo-bar-line.html index f8fa39950e..f43dde919b 100644 --- a/docs/master/samples/other-charts/combo-bar-line.html +++ b/docs/master/samples/other-charts/combo-bar-line.html @@ -7,7 +7,7 @@ - + @@ -231,7 +231,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/doughnut.html b/docs/master/samples/other-charts/doughnut.html index 5d2786e0c2..1d6a347287 100644 --- a/docs/master/samples/other-charts/doughnut.html +++ b/docs/master/samples/other-charts/doughnut.html @@ -7,7 +7,7 @@ - + @@ -261,7 +261,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/multi-series-pie.html b/docs/master/samples/other-charts/multi-series-pie.html index c873e4183e..191487407a 100644 --- a/docs/master/samples/other-charts/multi-series-pie.html +++ b/docs/master/samples/other-charts/multi-series-pie.html @@ -7,7 +7,7 @@ - + @@ -183,7 +183,7 @@ data: [10, 90] } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/pie.html b/docs/master/samples/other-charts/pie.html index 2dc19dc19c..849d8d8fdb 100644 --- a/docs/master/samples/other-charts/pie.html +++ b/docs/master/samples/other-charts/pie.html @@ -7,7 +7,7 @@ - + @@ -213,7 +213,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/polar-area-center-labels.html b/docs/master/samples/other-charts/polar-area-center-labels.html index 59d13d3a86..3614fd116d 100644 --- a/docs/master/samples/other-charts/polar-area-center-labels.html +++ b/docs/master/samples/other-charts/polar-area-center-labels.html @@ -7,7 +7,7 @@ - + @@ -199,7 +199,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/polar-area.html b/docs/master/samples/other-charts/polar-area.html index 7db7279995..af8794f249 100644 --- a/docs/master/samples/other-charts/polar-area.html +++ b/docs/master/samples/other-charts/polar-area.html @@ -7,7 +7,7 @@ - + @@ -177,7 +177,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/radar-skip-points.html b/docs/master/samples/other-charts/radar-skip-points.html index bdc46e3284..403c51c507 100644 --- a/docs/master/samples/other-charts/radar-skip-points.html +++ b/docs/master/samples/other-charts/radar-skip-points.html @@ -7,7 +7,7 @@ - + @@ -167,7 +167,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/radar.html b/docs/master/samples/other-charts/radar.html index c078e7c4f4..7f1035246e 100644 --- a/docs/master/samples/other-charts/radar.html +++ b/docs/master/samples/other-charts/radar.html @@ -7,7 +7,7 @@ - + @@ -217,7 +217,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/scatter-multi-axis.html b/docs/master/samples/other-charts/scatter-multi-axis.html index 2bb952e30a..2ab4ecfe7a 100644 --- a/docs/master/samples/other-charts/scatter-multi-axis.html +++ b/docs/master/samples/other-charts/scatter-multi-axis.html @@ -7,7 +7,7 @@ - + @@ -259,7 +259,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/scatter.html b/docs/master/samples/other-charts/scatter.html index 1ab97f8387..28b4598517 100644 --- a/docs/master/samples/other-charts/scatter.html +++ b/docs/master/samples/other-charts/scatter.html @@ -7,7 +7,7 @@ - + @@ -215,7 +215,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/other-charts/stacked-bar-line.html b/docs/master/samples/other-charts/stacked-bar-line.html index f054280bea..c91b89c37b 100644 --- a/docs/master/samples/other-charts/stacked-bar-line.html +++ b/docs/master/samples/other-charts/stacked-bar-line.html @@ -7,7 +7,7 @@ - + @@ -235,7 +235,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/plugins/chart-area-border.html b/docs/master/samples/plugins/chart-area-border.html index d4ec59b544..d5ffc908a6 100644 --- a/docs/master/samples/plugins/chart-area-border.html +++ b/docs/master/samples/plugins/chart-area-border.html @@ -7,7 +7,7 @@ - + @@ -135,7 +135,7 @@ backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5), } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/plugins/doughnut-empty-state.html b/docs/master/samples/plugins/doughnut-empty-state.html index 0b86167e62..2650d4d4e0 100644 --- a/docs/master/samples/plugins/doughnut-empty-state.html +++ b/docs/master/samples/plugins/doughnut-empty-state.html @@ -7,7 +7,7 @@ - + @@ -131,7 +131,7 @@ data: [] } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/plugins/quadrants.html b/docs/master/samples/plugins/quadrants.html index fa3dcec768..f0448b279c 100644 --- a/docs/master/samples/plugins/quadrants.html +++ b/docs/master/samples/plugins/quadrants.html @@ -7,7 +7,7 @@ - + @@ -141,7 +141,7 @@ backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5), } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scale-options/center.html b/docs/master/samples/scale-options/center.html index 59d02816f3..fa3db96d42 100644 --- a/docs/master/samples/scale-options/center.html +++ b/docs/master/samples/scale-options/center.html @@ -7,7 +7,7 @@ - + @@ -177,7 +177,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scale-options/grid.html b/docs/master/samples/scale-options/grid.html index c7f1a8cd28..829e4408aa 100644 --- a/docs/master/samples/scale-options/grid.html +++ b/docs/master/samples/scale-options/grid.html @@ -7,7 +7,7 @@ - + @@ -193,7 +193,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scale-options/ticks.html b/docs/master/samples/scale-options/ticks.html index 5c531bd753..9b3aa79bf0 100644 --- a/docs/master/samples/scale-options/ticks.html +++ b/docs/master/samples/scale-options/ticks.html @@ -7,7 +7,7 @@ - + @@ -177,7 +177,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scale-options/titles.html b/docs/master/samples/scale-options/titles.html index 4a613905fb..0c1b8740f8 100644 --- a/docs/master/samples/scale-options/titles.html +++ b/docs/master/samples/scale-options/titles.html @@ -7,7 +7,7 @@ - + @@ -159,7 +159,7 @@ backgroundColor: Utils.transparentize(Utils.CHART_COLORS.blue, 0.5), } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/linear-min-max-suggested.html b/docs/master/samples/scales/linear-min-max-suggested.html index d2bc504116..183cf7efe9 100644 --- a/docs/master/samples/scales/linear-min-max-suggested.html +++ b/docs/master/samples/scales/linear-min-max-suggested.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@ backgroundColor: Utils.CHART_COLORS.blue, } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/linear-min-max.html b/docs/master/samples/scales/linear-min-max.html index 39345c9182..a72aa98e48 100644 --- a/docs/master/samples/scales/linear-min-max.html +++ b/docs/master/samples/scales/linear-min-max.html @@ -7,7 +7,7 @@ - + @@ -117,7 +117,7 @@ backgroundColor: Utils.CHART_COLORS.blue, } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/linear-step-size.html b/docs/master/samples/scales/linear-step-size.html index 27ba0fafb2..9eb3f9b1ed 100644 --- a/docs/master/samples/scales/linear-step-size.html +++ b/docs/master/samples/scales/linear-step-size.html @@ -7,7 +7,7 @@ - + @@ -273,7 +273,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/log.html b/docs/master/samples/scales/log.html index 72435e93de..6582c0502d 100644 --- a/docs/master/samples/scales/log.html +++ b/docs/master/samples/scales/log.html @@ -7,7 +7,7 @@ - + @@ -149,7 +149,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/stacked.html b/docs/master/samples/scales/stacked.html index 92f388152c..5227971cde 100644 --- a/docs/master/samples/scales/stacked.html +++ b/docs/master/samples/scales/stacked.html @@ -7,7 +7,7 @@ - + @@ -153,7 +153,7 @@ yAxisID: 'y2', } ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/time-combo.html b/docs/master/samples/scales/time-combo.html index 5c93231b1e..aabb59f655 100644 --- a/docs/master/samples/scales/time-combo.html +++ b/docs/master/samples/scales/time-combo.html @@ -7,7 +7,7 @@ - + @@ -169,7 +169,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/time-line.html b/docs/master/samples/scales/time-line.html index 6012c121fe..5a1d773fd2 100644 --- a/docs/master/samples/scales/time-line.html +++ b/docs/master/samples/scales/time-line.html @@ -7,7 +7,7 @@ - + @@ -225,7 +225,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scales/time-max-span.html b/docs/master/samples/scales/time-max-span.html index ff25d5ff22..7f18741e76 100644 --- a/docs/master/samples/scales/time-max-span.html +++ b/docs/master/samples/scales/time-max-span.html @@ -7,7 +7,7 @@ - + @@ -255,7 +255,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scriptable/bar.html b/docs/master/samples/scriptable/bar.html index 51fc930c59..0e1884d977 100644 --- a/docs/master/samples/scriptable/bar.html +++ b/docs/master/samples/scriptable/bar.html @@ -7,7 +7,7 @@ - + @@ -143,7 +143,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scriptable/bubble.html b/docs/master/samples/scriptable/bubble.html index f225a30753..2e4177288c 100644 --- a/docs/master/samples/scriptable/bubble.html +++ b/docs/master/samples/scriptable/bubble.html @@ -7,7 +7,7 @@ - + @@ -197,7 +197,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scriptable/line.html b/docs/master/samples/scriptable/line.html index 7a07a1474f..d4080b641a 100644 --- a/docs/master/samples/scriptable/line.html +++ b/docs/master/samples/scriptable/line.html @@ -7,7 +7,7 @@ - + @@ -175,7 +175,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scriptable/pie.html b/docs/master/samples/scriptable/pie.html index fd6f00146d..6bab6bc8be 100644 --- a/docs/master/samples/scriptable/pie.html +++ b/docs/master/samples/scriptable/pie.html @@ -7,7 +7,7 @@ - + @@ -167,7 +167,7 @@ chart.update(); } } -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scriptable/polar.html b/docs/master/samples/scriptable/polar.html index 365eb63401..be8d8f1a0e 100644 --- a/docs/master/samples/scriptable/polar.html +++ b/docs/master/samples/scriptable/polar.html @@ -7,7 +7,7 @@ - + @@ -147,7 +147,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/scriptable/radar.html b/docs/master/samples/scriptable/radar.html index 3d9c27ca9b..bbb3466da9 100644 --- a/docs/master/samples/scriptable/radar.html +++ b/docs/master/samples/scriptable/radar.html @@ -7,7 +7,7 @@ - + @@ -179,7 +179,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/subtitle/basic.html b/docs/master/samples/subtitle/basic.html index 8744cc36a1..5056ecd0ff 100644 --- a/docs/master/samples/subtitle/basic.html +++ b/docs/master/samples/subtitle/basic.html @@ -7,7 +7,7 @@ - + @@ -119,7 +119,7 @@ backgroundColor: Utils.transparentize(Utils.CHART_COLORS.red, 0.5), }, ] -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/title/alignment.html b/docs/master/samples/title/alignment.html index 14f2da0a1d..41021799dd 100644 --- a/docs/master/samples/title/alignment.html +++ b/docs/master/samples/title/alignment.html @@ -7,7 +7,7 @@ - + @@ -137,7 +137,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/tooltip/content.html b/docs/master/samples/tooltip/content.html index 6710c028d9..fcbaac2d24 100644 --- a/docs/master/samples/tooltip/content.html +++ b/docs/master/samples/tooltip/content.html @@ -7,7 +7,7 @@ - + @@ -129,7 +129,7 @@ sum += tooltipItem.parsed.y; }); return 'Sum: ' + sum; -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/tooltip/html.html b/docs/master/samples/tooltip/html.html index 85274b7a38..82cc6691ac 100644 --- a/docs/master/samples/tooltip/html.html +++ b/docs/master/samples/tooltip/html.html @@ -7,7 +7,7 @@ - + @@ -287,7 +287,7 @@ tooltipEl.style.top = positionY + tooltip.caretY + 'px'; tooltipEl.style.font = tooltip.options.bodyFont.string; tooltipEl.style.padding = tooltip.options.padding + 'px ' + tooltip.options.padding + 'px'; -};

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +};

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/tooltip/interactions.html b/docs/master/samples/tooltip/interactions.html index e49aa46417..c00bfdf0eb 100644 --- a/docs/master/samples/tooltip/interactions.html +++ b/docs/master/samples/tooltip/interactions.html @@ -7,7 +7,7 @@ - + @@ -261,7 +261,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/tooltip/point-style.html b/docs/master/samples/tooltip/point-style.html index 4c4f9fd134..fb0141a960 100644 --- a/docs/master/samples/tooltip/point-style.html +++ b/docs/master/samples/tooltip/point-style.html @@ -7,7 +7,7 @@ - + @@ -161,7 +161,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/tooltip/position.html b/docs/master/samples/tooltip/position.html index 9045e567bb..d3e1cf222b 100644 --- a/docs/master/samples/tooltip/position.html +++ b/docs/master/samples/tooltip/position.html @@ -7,7 +7,7 @@ - + @@ -189,7 +189,7 @@ chart.update(); } }, -];

    # Docs

    Last Updated: 11/21/2024, 8:47:09 PM

    +];

    # Docs

    Last Updated: 12/1/2024, 9:49:55 AM

    ← →

    - + diff --git a/docs/master/samples/utils.html b/docs/master/samples/utils.html index 6ef55418f1..ebcc424553 100644 --- a/docs/master/samples/utils.html +++ b/docs/master/samples/utils.html @@ -7,7 +7,7 @@ - + @@ -180,11 +180,11 @@

    File on github (opens new window)

    # Components

    Some of the samples make reference to a components object. This is an artifact of using a module bundler to build the samples. The creation of that components object is shown below. If chart.js is included as a browser script, these items are accessible via the Chart object, i.e Chart.Tooltip.

    // Add Chart components needed in samples here.
 // Usable through `components[name]`.
 export {Tooltip} from '../../dist/chart.js';
-

    File on github (opens new window)

    Last Updated: 11/21/2024, 8:47:09 PM

    +

    File on github (opens new window)

    Last Updated: 12/1/2024, 9:49:55 AM

    ←

    - +